fiddle :http://jsfiddle.net/wTtsV/
表格单元格 #t2 的大小不正确:
HTML:
<div id="table">
<div id="t1">a</div>
<div id="t2">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<div id="t3">a</div>
</div>
CSS:
body{
margin: 0;
}
#table{
display: table;
width: 100%;
}
#t1{
display: table-cell;
background-color: red;
}
#t2{
display: table-cell;
background-color: green;
}
#t3{
display: table-cell;
background-color: blue;
}
预期结果:
如何在#t2
中隐藏太长的文本?
最佳答案
我遇到了完全相同的问题,我得到了一个很好的解决方案。添加 table-layout: fixed; 到您的 id 表:
#table{
display: table;
width: 100%;
table-layout: fixed;
}
玩得开心! :D
关于html - CSS 显示 : table-cell ignores overflow and width,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18746924/