濟南網(wǎng)站建設 文匯傳媒小編 就前端面試工程師面試時經(jīng)常會遇到的一個面試題來給大家做個詳細的解析。
這次要說的呢是比較基礎常見的一個題目 ：如何實現(xiàn)一行文字居中 多行文字居左的效果？
這個問題剛一聽覺得挺簡單的，實際操作的時候又會有些不知所措 ，會有是不是有什么標簽自己沒有接觸到的一個想法；其實不然 下面我們來具體解析一下。
首先：文本內(nèi)容的居中實現(xiàn)大家都不陌生 text-align:center; 就可以輕松實現(xiàn)文本水平居中的效果 ；那么多行的時候居左顯示怎么辦呢？這個時候就需要嵌套一個P標簽來實現(xiàn)了。
下面看下源碼：
下面是效果圖：
一行文字居中：
多行文字居左：
英文單詞過長使文字溢出容器:
word-break:break-all; 強制換行效果：
好了，以上就是濟南網(wǎng)站建設的小編本次為大家分享的內(nèi)容，有哪些不對的地方歡迎大家留言評論補充說明，謝謝！
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站手術移動護理系統(tǒng)詳細流程(千佛山醫(yī)院版）")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站手術移動護理系統(tǒng)")
開啟了相對路徑模式，本地址是站外域名，不能轉(zhuǎn)為相對路徑（在關閉開發(fā)者模式后不顯示這句話） "濟南建站紅寶書智慧黨建平臺")
