table td自适应宽度设置(根据内容自动拉伸)

2020年3月18日20:44:20HTML&CSStable td自适应宽度设置(根据内容自动拉伸)已关闭评论11,994 views1

table td或th如何格局单元格内容自适应宽度?table td th根据表格内容自动拉伸CSS属性,新手站长网分享内联样式style和CSS方法:文章源自新手站长网-https://www.xinshouzhanzhang.com/tabletdnowrap.html

table td th自适应宽度样式

内联样式style方法:文章源自新手站长网-https://www.xinshouzhanzhang.com/tabletdnowrap.html

<table>
    <tr>
        <th style="white-space:nowrap;">根据文字长度自动调整宽度</th>
    </tr>
    <tr>
        <td style="white-space:nowrap;">根据文字长度自动调整宽度</td>
    </tr>
</table>

CSS方法:文章源自新手站长网-https://www.xinshouzhanzhang.com/tabletdnowrap.html

td
{
  white-space: nowrap;
}

让table th tr根据单元格内容自动调整宽带的CSS样式为:white-space:nowrap;文章源自新手站长网-https://www.xinshouzhanzhang.com/tabletdnowrap.html