Fatal编程技术网
  • css/
  • Css 空白：nowrap和溢出：隐藏在表格单元格中

Css 空白：nowrap和溢出：隐藏在表格单元格中

css

Css 空白：nowrap和溢出：隐藏在表格单元格中,css,html-table,overflow,Css,Html Table,Overflow,我正在制作日历。我有一张表，每个都是一天。我想在单元格中显示当天的事件列表。我希望每个事件都显示为两行文本，如果文本长度超过水平空间，则应隐藏文本 我有一个具有可变宽度的表（它被设置为width:100%；在CSS中的其他地方的父表） 以下是我的JSFIDLE： 您可以看到的问题是，尽管width:100%和溢出：隐藏被显式设置后，.eventSummary和.eventLocation的文本强制表展开，这不是我想要的 这是CSS中“目前不可能”的问题之一吗 更新： 我可以用表格布局来破解它：固

我正在制作日历。我有一张表，每个
都是一天。我想在单元格中显示当天的事件列表。我希望每个事件都显示为两行文本，如果文本长度超过水平空间，则应隐藏文本

我有一个具有可变宽度的表（它被设置为
width:100%；
在CSS中的其他地方的父表）

以下是我的JSFIDLE：

您可以看到的问题是，尽管
width:100%和
溢出：隐藏
被显式设置后，
.eventSummary
和
.eventLocation
的文本强制表展开，这不是我想要的

这是CSS中“目前不可能”的问题之一吗

更新：


我可以用
表格布局来破解它：固定和设置
溢出：隐藏
。。。现在就可以了（因为没有省略号，而且
    • 上的任何边框都会被隐藏，所以原始问题仍然存在。
    它正在扩展，因为宽度设置为其父级（即文档正文）的100%。因此，表将展开以适合其子项。请将表放在具有固定宽度的div中，或者固定表的宽度。
    所有值都是相对的，这会带来展开。请尝试为
    .eventSummary
    和
    .eventLocation
    设置所需的最大宽度，不要忘记为它们设置display:block