我有一个奇怪的问题,我似乎无法弄明白。我有td
在其中显示一些时间戳文本。奇怪的是,在移动到下一行之前,此文本宁愿使用多行而不是使用可用的整个单元格宽度。有足够的宽度可用,那么如何使时间戳文本只适合一行?
目前应用于td
的CSS如下:
width: 30%;
word-wrap: break-word;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
text-align: center;
请注意,正上方的width
用于设置td
相对于整个表格宽度的宽度。
答案 0 :(得分:2)
<div>
的{{1}}子元素的宽度设置为单元格宽度的30%,而不是表格的宽度。尝试在<td>
课程中将width
设置为100%
。
答案 1 :(得分:0)
你给的css应用于div而不是td。 所以这个div宽度是30%,然后你的文本就会中断。
您可能有另一个不相关的错误,&#34; == $ 0&#34;在div之后显示的字符串。
答案 2 :(得分:0)
您可以从div中删除class并将此类设置为td。 然后宽度30%将适用于表的总宽度。