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-