close
我做了一個表頭有中文、英文交雜的表頭,字數超過一行,為了將table內的文字自動換行,搞了好久,花了不少時間google
結果只需要3行CSS就解決:
 
th span{
display: block;
word-break: normal;
white-space: pre-wrap;
}
 
display: block; //必加
word-break: norma; //不會拆開英文單字換行
word-break: break-all; //會拆開英文單字來換行
white-space: pre-wrap; //前面有空白格的單字換行
 
為了要預防表格超出範圍,要加以下的CSS,表格就會美美的啦!
 
table {
table-layout: fixed;
}
arrow
arrow
    文章標籤
    CSS table span
    全站熱搜
    創作者介紹
    創作者 知識書蟲 的頭像
    知識書蟲

    Mo.htm 網頁開發

    知識書蟲 發表在 痞客邦 留言(0) 人氣()