定義容器為:overflow:hidden;width:xxx;white-space:nowrap;text-overflow:ellipsis;
9、DIV CSS設計中如何在點文字時也選中checkbox?
- <inputidinputid="test"type="checkbox"value="on"/><labelforlabelfor="test">測試</label>
10、一個div為margin-bottom:10px,一個div為margin-top:5px,為什麼2個div之間的間距是10px而不是15px?
這種情況浏覽器會自動進行margin重疊,只顯示較大的margin值
解決方案:只設置其中一個div的margin為15px 。
11、DIV CSS設計中如何解決IE下當li中出現2個或以上的浮動時,li之間產生的空白間隙?
設置li的vertical-align,值可以為top|text-top|middle|bottom|text-bottom
12、如何使得英文單詞不發生詞內斷行?
word-wrap:break-Word;
13、為什麼被訪問過的鏈接顏色沒有變化?
定義鏈接的樣式時,需要按照:link,:visited,:hover,:active這樣的順序,可以使用LoVeHAte(喜歡討厭)來記憶
14、單行文本如何垂直居中?
height:xxx;line-height:xxx;高和行高相同即可
15、已知高度的容器如何在頁面中水平垂直居中?
參閱:http://blog.doyoe.com/article.ASP?id=74
16、未知尺寸的圖片圖如何水平垂直居中?
參閱:http://blog.doyoe.com/article.ASP?id=159
17、標准模式和怪異模式下的盒模型區別?
標准模式下:實際寬度=width+padding+border
怪異模式下:實際寬度=width-padding-border。