新聞中心
這篇文章主要介紹html table實(shí)現(xiàn)不換行顯示的方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
南澗ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書(shū)未來(lái)市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)建站的ssl證書(shū)銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18982081108(備注:SSL證書(shū)合作)期待與您的合作!
html table實(shí)現(xiàn)不換行顯示的方法:首先打開(kāi)相應(yīng)的HTML代碼文件;然后在table下的“td,th”中加入樣式“word-break: keep-all;word-wrap:break-word;”即可實(shí)現(xiàn)不換行顯示的效果。
本文操作環(huán)境:windows7系統(tǒng)、HTML5&&CSS3版、Dell G3電腦。
html的table中不換行顯示的效果
table中,如果需要單元格中不換行,在table 下的td,th中加入樣式
word-break: keep-all; word-wrap:break-word;
word-break: keep-all;這種情況在中文下,也不會(huì)換行
word-wrap:break-word;英文不會(huì)換行
如果中間有空格,在空格處默認(rèn)會(huì)換行,如果需要不換行,使用下面樣式
white-space: nowrap;
這種情況,一般是不需要設(shè)置table中的寬度的,table會(huì)根據(jù)內(nèi)容自動(dòng)調(diào)節(jié)
以上是“html table實(shí)現(xiàn)不換行顯示的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章題目:htmltable實(shí)現(xiàn)不換行顯示的方法
當(dāng)前路徑:http://www.dlmjj.cn/article/jpdigi.html