Html 合并显示的问题：flex、表格和文本溢出：省略号

我在组合（自上而下）

display:flex

、flex项、表格以及包含我要截断的文本的单元格时遇到问题，而不会影响flex项的宽度，也不会将表格推到flex项之外

如果将文本置于flex项内的

内联块中，则截断文本效果很好，但当我将表格/行/单元格置于两者之间时，表格就会失控

我已经看过了，但这并没有考虑<代码>表>代码>元素，也不考虑这个例子。我还使用了这些引用来设置我的
这是我的例子，也是：


/*柔性布局*/
.弹性间距{
显示器：flex；
证明内容：之间的空间；
}
.flex>div之间的空格{
宽度：100%；
flex:1自动；
}
.flex，带间隙{margin:-14px-7px；}
.flex带间隙>div{margin:14px 7px；}
/*色彩和其他风格*/
.flex>div之间的空格{
框大小：边框框；
背景色：白色；
边框：实心1px#999；
填充：0.5em；最小宽度：0；
}
正文{字体系列：无衬线}
.截断{
宽度：100%；
显示：内联块；
颜色：红色；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}
.t1{
宽度：100%；
边界塌陷：塌陷；
}
.t1 TD、.t1 TH{
边框：1px点蓝色；
}
.t1第{
文本对齐：左对齐；
字体大小：正常；
}
.t1.编号{
文本对齐：右对齐；
字号：180%；
颜色：#66F；字体大小：粗体；
}
.t1.文本{
最大宽度：80%；
}
.info{颜色：蓝色；字体样式：斜体；}

莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。
上面的div.truncate元素将精细地截断

莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。
莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。
上述内容也包含在子FlexBox中
位置
123
分部
123
业务单位业务单位业务单位业务单位
80
现在，我想在我的flex项中放置一个小表，如上所述（文本和数值列表），但我希望文本（例如业务单位）在必要时截断，而不是换行
位置
123
分部
123
业务单位业务单位业务单位业务单位
80
但这就是现在的卡车运输。“空白：nowrap；”起作用，但不是“溢出：隐藏”或“文本溢出：省略号；”

我认为截断TD/TH中的文本是问题所在，但不确定原因。

100%
33%33%33%
50%
多行50%
25%25%25%25%
您应该切换到另一种表格布局算法：
表格布局：固定的
，即按照作者（您）所说的，不尝试自动调整内容的算法。如果设置宽度时遇到问题，请尝试在第一行设置宽度。

此外，单元格上的
max width
属性对AFAIK没有影响。哎呀，不，它是。我把它改成了宽度：55%

，这在这里很好，但是我猜你的页面比这里的片段要大

/*柔性布局*/
.弹性间距{
显示器：flex；
证明内容：之间的空间；
}
.flex>div之间的空格{
宽度：100%；
flex:1自动；
}
.flex，带间隙{margin:-14px-7px；}
.flex带间隙>div{margin:14px 7px；}
/*色彩和其他风格*/
.flex>div之间的空格{
框大小：边框框；
背景色：白色；
边框：实心1px#999；
填充：0.5em；最小宽度：0；
}
正文{字体系列：无衬线}
.截断{
宽度：100%；
显示：内联块；
颜色：红色；
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}
.t1{
宽度：100%；
边界塌陷：塌陷；
表布局：固定；
}
.t1 TD、.t1 TH{
边框：1px点蓝色；
}
.t1第{
文本对齐：左对齐；
字体大小：正常；
}
.t1.编号{
文本对齐：右对齐；
字号：180%；
颜色：#66F；字体大小：粗体；
}
.t1.文本{
宽度：55%；
背景：黄色；
}
.info{颜色：蓝色；字体样式：斜体；}

莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。
上面的div.truncate元素将精细地截断

莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。
莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。
上述内容也包含在子FlexBox中
位置
123
分部
123
业务单位业务单位业务单位业务单位
80
现在，我想在我的flex项中放置一个小表，如上所述（文本和数值列表），但我希望文本（例如业务单位）在必要时截断，而不是换行
位置
123
分部
123
业务单位业务单位业务单位业务单位
80
但这就是现在的卡车运输。“空白：nowrap；”起作用，但不是“溢出：隐藏”或“文本溢出：省略号；”

我认为截断TD/TH中的文本是问题所在，但不确定原因。

100%
33%33%33%
50%
多行50%
25%25%25%25%

谢谢@FelipeAls，我忘记了

表格布局：已修复

-我不经常使用它。我现在就去试一试。谢谢这太棒了。它在IE8+上非常有用（接近没有wrap的Flexbox），但现在有了没有wrap的Flexbox（Android 4.4+，足够老了），table就没有什么用处了，当然：）