添加了一個(gè)無(wú)意義的新標(biāo)簽
當(dāng)設(shè)定內(nèi)容寬度的時(shí)候，文本換行了
對(duì)于第一點(diǎn)，解決的辦法是使用 :before 偽元素 ：
1 2 3 4 5水平垂直居中 6 23 24 25 26 27 多行文字居中 多行文字居中 多行文字居中 28 29 30
附Demo
但是！大家也都注意到了：文本換行了
這便是inline-block產(chǎn)生的空隙在搗亂了
為了解決這個(gè)問(wèn)題，可以試試這個(gè)hack：
1 .wrapper {2 font-size:03 }4 5 .content {6 font-size:16px7 } 保存再看看：
搞定！
附完整源碼
參考資料（推薦閱讀）：
CSS制作水平垂直居中對(duì)齊
如何解決inline-block元素的空白間距
inline-block 前世今生
Copyright ? 2019- 91gzw.com 版權(quán)所有 湘ICP備2023023988號(hào)-2
違法及侵權(quán)請(qǐng)聯(lián)系：TEL:199 1889 7713 E-MAIL:2724546146@qq.com
本站由北京市萬(wàn)商天勤律師事務(wù)所王興未律師提供法律服務(wù)