小编use*_*623的帖子

CSS显示:table-cell忽略溢出和宽度

小提琴: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>
Run Code Online (Sandbox Code Playgroud)

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;
}
Run Code Online (Sandbox Code Playgroud)

预期结果:

在此输入图像描述

#t2当文字太长时如何隐藏文字?

html css

13
推荐指数
2
解决办法
2万
查看次数

标签 统计

css ×1

html ×1