为什么CSS省略号在表格单元格中不起作用？
请考虑以下示例：
$(function() {
console.log("width = " + $("td").width());
});
td {
border: 1px solid black;
width: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tbody>
<tr>
<td>Hello Stack Overflow</td>
</tr>
</tbody>
</table>
输出为：width = 139，并且省略号不出现。
我在这里想念什么？
问题答案：
显然，添加：
td {
display: block; /* or inline-block */
}
也解决了这个问题。
另一种可能的解决方案是table-layout:fixed;为表格设置，也将其设置为width。
-
我正在尝试用flex创建一个布局（将是一个音乐播放器）。 我有3个按钮（上一个、播放和下一个，用红色方块表示），我总是希望它们在同一条线上。 然后，我想在按钮右侧显示一些歌曲信息（当前时间、歌曲标题和总时间）。 我几乎总是希望总时间在最右边，歌曲标题填满剩余的宽度（使用），但随着窗口变小，用省略号截断。 有人知道如何调整它以使其正常工作吗？ https://jsfiddle.net/13ohs7j
-
问题内容： 我在表容器中有不确定数量的表单元元素。 有没有一种纯粹的CSS方法可以使表格单元具有相等的宽度，即使它们内部具有不同大小的内容？ 谢谢。 编辑：具有最大宽度将需要知道您有多少个单元格？ 问题答案： 这是工作单元数不确定的有效 您可以为每个父对象固定一个宽度（ 表格 ），否则通常将为100％。 诀窍是使用 每个单元上的一定宽度触发它，这里是2％。这将触发 另一个 表算法，浏览器会尽力遵守
-
我正在尝试为某个特定项目实现一个只查看HTML窗格。我正在使用来呈现HTML，内容类型为。我在我的输入HTML中有表格，所以为了给这些表格加上边框，我考虑使用css样式，但不幸的是没有成功。 如果我把边框属性作为表本身的一部分，那么它可以工作，但不能使用css样式。 下面是我创建的用于重新创建问题的示例代码。content1不会为我的表创建边框，但content2会创建边框。我想使用content
-
我试图把省略号文本溢出： 家长： 儿童： 而且，是，但没有任何省略号。
-
我已经尝试在表视图单元格中硬编码行高。运行程序后，它看起来只有一行。我怀疑这是因为表视图的行的高度。 你能告诉我这里出了什么问题吗？
-
问题内容： 这是我尝试过的： 本质上，当窗口变小时，我希望跨度以省略号缩小。我做错什么了？ 问题答案： 您需要具有CSS ，（或）和。