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;
}
文章標籤
全站熱搜
留言列表