1 控制表格自动隐藏超出内容
table{
table-layout:fixed;//布局方式要固定
width:65%;
border-collapse:collapse;
}
td{
white-space:nowrap;//不允许文本换行
overflow:hidden; //超部分自动隐藏
text-overflow:ellipsis; //超出部分以省略号显示
border:black solid 1px;
}
2 控制列表自动隐藏超出内容
li{
display:block;
float:left;
width:33.3%;
white-space:nowrap;
overflow:hidden;
/*如果要交超出内容以...显示,则需要增加属性定义:*/
text-overflow:ellipsis;
}
表格和列表的最终效果如下:
-End-