td内的文本不利用整个单元格宽度

时间:2016-08-07 02:28:18

标签: html css

我有一个奇怪的问题,我似乎无法弄明白。我有td在其中显示一些时间戳文本。奇怪的是,在移动到下一行之前,此文本宁愿使用多行而不是使用可用的整个单元格宽度。有足够的宽度可用,那么如何使时间戳文本只适合一行?

enter image description here

目前应用于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相对于整个表格宽度的宽度。

3 个答案:

答案 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%将适用于表的总宽度。