我玩了一段时间,因为我很难弄清楚。
您需要设置单元格宽度(无论是工作
th还是
td工作,我都设置了两者)并将设置
table-layout为
fixed。出于某种原因,如果设置了表格宽度,单元格的宽度似乎也只能保持固定(我认为这很愚蠢,但是whatev)。
此外,设置
overflow属性
hidden以防止任何多余的文本从表中流出也很有用。
您还应该确保将CSS的所有边界和大小都保留下来。
好的,这就是我所拥有的:
table { border: 1px solid black; table-layout: fixed; width: 200px;}th,td { border: 1px solid black; width: 100px; overflow: hidden;}<table> <tr> <th>header 1</th> <th>header 234567895678657</th> </tr> <tr> <td>data asdfasdfasdfasdfasdf</td> <td>data 2</td> </tr></table>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)