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