在单元格中包装数据

Question

我试图在一个单元格中包含一个单词。 <td>有一个专用的宽度，例如50px，现在我想将数据包装在那个单元格内，这样就可以进入下一行，即：

Column 1
Some data
wrapped

必填：

Column 2
Some da..

我想通过javascript或CSS知道它是否可行？

Answer 1

这可以通过CSS中的text-overflow属性与其他一些样式规则结合使用。

CSS：

.wrappeddata {
    width:          50px;
    white-space:    nowrap;
    overflow:       hidden;
    text-overflow:  ellipsis;
}

width: 50px定义宽度。

white-space: nowrap;阻止它包裹。

overflow: hidden;会在50px限制之后停止显示。

text-overflow: ellipsis;使截止变为'...'

要使用它，只需：

<table>
    <tr>
        <td class='wrappeddata'>A block of text that is too long</td>
    </tr>
</table>

Answer 2

您是否希望以编程方式截断文本，或者只是在容器的确切宽度处将其剪切掉？如果你只是希望文本被切断，那么你可以使用overflow：隐藏在包含元素和白色空间：nowrap在文本周围的标签上。

Answer 3

使用CSS可以设置td

的样式

td{width:50px;white-space:nowrap;}​

这是一张带有两张桌子的example。

Answer 4

尝试播放文本溢出：省略号（在ie上）和溢出属性（在所有浏览器中都可用）。你可能会发现在css和js中很难做到这一点。

获取要打印的'点'可以实现客户端或服务器端。但是你需要实现一些东西来检查你的文本是否超过50px。如果满足此条件，则必须缩短文本并添加点。

此致

Answer 5

<table>
<tr><td width="40" style="word-break:break-all"> YOur.........Longgggggggggggggggggg Text
</td></tr></table>