码迷,mamicode.com
首页 > Web开发 > 详细

HTML和CSS疑点解析

时间:2017-10-13 17:07:24      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:line   宽高   ace   作用   浏览器   伪类   部分   height   text   

1,让不定宽高的div,垂直水平居中?

父盒子:display:table-cell;text-align:center;vertical-align:middle

div盒子:display:inline-block;vertical-align:middle;

2,CSS强制英文、中文换行与不换行 强制英文换行

1. word-break:break-all;只对英文起作用,以字母作为换行依据

2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据

3. white-space:pre-wrap; 只对中文起作用,强制换行

4. white-space:nowrap; 强制不换行,都起作用

5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)

 

3,清除浮动的几种方式

(1)父级div定义  伪类:after和zoom

clearfix:after{

content:"";

display:block;

visibility:hidden;

height:0;

line-height:0;

clear:both;

}

.clearfix{zoom:1}

 

(2)双伪元素法:

.clearfix:before,.clearfix:after {

content: "";

display: block;

clear: both;

}

.clearfix {

zoom: 1;

}

 

HTML和CSS疑点解析

标签:line   宽高   ace   作用   浏览器   伪类   部分   height   text   

原文地址:http://www.cnblogs.com/JennyGao/p/7661774.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!