Html 在td元素中设置文本样式

我有一张大桌子要做。 我总是觉得很难将它们风格化，所以我可以假设我的问题是一个基本问题。 我有一些TDs，里面有相当长的文本。目前，表格样式设置为“空白：nowrap”

我想要实现的是将这些td文本分割成固定数量的“行”（比如3行），这样行可能会更高，而单个单元格则会更小

空白正常值：

--------
- text -
- text -
- text -
- text -
- text -
--------

空白：nowrap

---------------------------------
- text text text text text text -
---------------------------------

我想：

-------------
- text text -
- text text -
- text      -
-------------

---

在列上指定宽度，以确定要在其中容纳多少文本。我创建了一个JS提琴，其中有3个例子说明了它的工作原理：

知识是一种美德，是一种美德，是一种美德，是一种美德。
知识是一种美德，是一种美德，是一种美德，是一种美德。
知识是一种美德，是一种美德，是一种美德，是一种美德。
.包裹宽度td{
宽度：100px；
}

编辑：

关于您的评论，您的意思是“更长”吗？例如，将高度指定为略长于内容？或者一个单元格的宽度/高度应该比其他单元格长？不清楚您的要求是什么，请查看以下示例：

---

将宽度设置为

td

…感谢您的输入。这将td的高度设置为一定量，但文本水平延伸。建议在

td

上设置一个宽度……啊，好的，对不起。非常感谢。这将使用正确的数量“es:width:300px”设置宽度属性，但是如果nowrap文本完全水平展开，如果wrap它是相同的。如果您想要文本环绕，您必须完全删除

nowrap

属性。是的，我知道您的意思，但是如果您例如设置.wrap width td{width:500px；}它与wrap完全一样，我希望tds稍微“长一点”，我希望分割内容，使TD水平发展，但不像wrap选项，它基本上适应较长的单词。如果对“宽度”属性进行操作，则在某种意义上，如果在带有“包裹”的表中设置较小的宽度，则列将收缩到所需的宽度。我的案例：基本上我有一个长表，它在一个带有overflow-x:auto的包装器中，所以你可以滑动，两个或更多的列可能包含更长的文本（不是很多），我希望列稍微高一点，这样文本就不必完全水平展开，我真的很抱歉，尽管有这么多的描述，我仍然不知道你想要实现什么，也许可以在问题中添加更多的插图、截图和示例，我会看一看。别担心，我使用的是最大宽度和文本溢出：tds中的省略号，其余的用javascript处理，无论如何，谢谢你。我会接受你的回答

<table class="wrap-width">
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</td>
</tr>
</table>

.wrap-width td {
  width: 100px;
}