gpt4 book ai didi

javascript - 使用 css 使表格 td 灵活

转载 作者:太空宇宙 更新时间:2023-11-04 15:03:34 29 4
gpt4 key购买 nike

我创建了一个演示。关于表格单元格的灵 active ,我需要一些帮助。

我有一些表格单元格,它们的宽度应该是固定的。

但单元格由标签组成,标签可以是长文本,也可以是短文本。

基于此标签,表格单元格应该可以灵活地工作。但条件是文本应排成一行,不应与其他单元格文本换行。

CSS;

td{
width:100px;
border:1px solid red;
}

html:

<table>
<tr>
<td>
<label>asjkdkasdhadhakdhad asdjkaskdhaksdhakdhakd askdhaskdhakdhakdjad akssdhadkhakd </label>
</td>
<td>
<label>an </label>
</td>
</tr>


</table>

http://jsfiddle.net/NDMTH/3/

最佳答案

如果我理解得很好,请使用属性 min-width 而不是 width:

td{
min-width:100px;
border:1px solid red;
}

white-space:nowraplabel ( MDN Reference ) 上:

label{
white-space:nowrap;
width:100%;
border:1px solid blue;
}

Working example on JSFiddle.net

关于javascript - 使用 css 使表格 td 灵活,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16167050/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com