td設(shè)置寬度為什么無效 table中如何用CSS控制>的寬度和高度？

2021-03-29

1173

table中如何用CSS控制>的寬度和高度？1. 首先，將CSS添加到table標記：table-布局：固定這里的目的是使整個表有自己的寬度，而不是讓表本身隨內(nèi)容的大小而改變。2. 設(shè)置表格標簽的寬度

table中如何用CSS控制>的寬度和高度？

1. 首先，將CSS添加到table標記：table-布局：固定這里的目的是使整個表有自己的寬度，而不是讓表本身隨內(nèi)容的大小而改變。

2. 設(shè)置表格標簽的寬度寬度：500px）

3. 最后，TD可以通過設(shè)置一個寬度來實現(xiàn)。

原始表：

添加CSS：

當前表：

擴展數(shù)據(jù)：

在實際需要中，經(jīng)常會遇到TD在表中讓用戶輸入一個比較長的字符串。此時，有必要使TD的寬度變大。

在web前端，直接為表中的元素設(shè)置寬度是無效的。以達到設(shè)定TD寬度的目的。