Html 如何设置溢出隐藏,使溢出在两侧,元素保持居中?

Html 如何设置溢出隐藏,使溢出在两侧,元素保持居中?,html,css,Html,Css,您将看到内部表的溢出在右边。我希望两边的溢出相等,以便内部表在TD内保持水平居中,即使溢出时也是如此。(见下文) .outerTable{ 表布局:固定; 溢出:隐藏; } 从.outerTable中删除溢出:隐藏,然后添加: td { overflow: hidden; } JSFIDLE更新了这里是一个工作片段,没有添加其他divs或任何其他内容: .outerTable{ 表布局:固定; /*溢出:隐藏*/ } .innerTable{ 左边距:50%; 转化:translate

您将看到内部表的溢出在右边。我希望两边的溢出相等,以便内部表在TD内保持水平居中,即使溢出时也是如此。(见下文)

.outerTable{
表布局:固定;
溢出:隐藏;
}

.outerTable
中删除
溢出:隐藏
,然后添加:

td {
  overflow: hidden;
}

JSFIDLE更新了

这里是一个工作片段,没有添加其他
div
s或任何其他内容:

.outerTable{
表布局:固定;
/*溢出:隐藏*/
}
.innerTable{
左边距:50%;
转化:translateX(-50%);
}


Nice,忘了翻译:)这并没有改变问题,
td
保持左对齐,即使因为隐藏了
溢出
,看到它更复杂。皮特,这不是一个重复的问题。您引用为重复的问题的innertable位于“TD”元素中。此问题的innertable位于“DIV”元素中。降低这一评级是不公平的。