字體的行高跟字體設(shè)計相關(guān),有的1.4、有的1.8等等(font-size:20px時,line-height可能為28、30等)。如果div里只有內(nèi)聯(lián)元素,則div高度由行高決定,跟字體大小無關(guān)。
字體對齊:英文不需要對齊
字體和字體間由空隙,可能是字體中間有空格或者回車,用float:left去除,然后在父類加clearfix
由于外國使用單詞的原因,有時候頁面后面放不下一個單詞,所以換行時會整個單詞一起換行,導(dǎo)致頁面不好看,想拆分單詞換行,用word-break:break-all。(也可以用? -? )
單行文字溢出
多行文字溢出
line-clanp為自定義行數(shù)(IE不支持)
文字居中
當確定文字占據(jù)的高度時,不能把高度寫死,而是 line-height + padding = 高度,寫死高度只要文字超出一行且另一個標簽下面還有文字就容易出現(xiàn)bug,如下
出現(xiàn)bug
應(yīng)該這樣寫
水平居中? ?text-align:center??