table開發中遇到的問題

標籤：方案   ble   psi   ext   設定   布局   idt   pac   內容   

table元素是一個很常用的元素。但是在開發中，我也遇到了一些值得記錄下來的問題及解決方案：

1.td內容溢出時，隱藏內容並且以省略符號提示

.hide-content{    /* 不換行 */    white-space: nowrap;    /* 超出隱藏 */    overflow: hidden;    /* 超出部分文字用省略符號代替 */    text-overflow: ellipsis;}

2.設定表頭寬度，直接設定th的寬度是無效的，因為它是基於自動計算

.fixed-table{    /* 設定固定表頭表格版面配置演算法 */    table-layout: fixed;}<!-- 將表格版面配置演算法切換到固定式配置演算法即可在th上設定width來固定寬度 -->

table開發中遇到的問題