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疑點解析