固定 table的大小

 

table 是个很不听话的家伙 你要做比较多的设置才能让他满足你的要求

不想里面的列被撑大？ 不想里面的文字超出单元格？

具体的做法是 在表格上设置  table-layout:fixed  这个很重要 让单员格隐藏多出的文字 overflow:hidden  还要注意的一点是 单员格 的宽度要以百分号的形式表示  还有就是 让指定单元格不会自动的换行 nowrap

<style>.tbl {table-layout:fixed}.td {overflow:hidden;}</style><table class=tbl border=1 width=80><tr><td width=25% class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td><td class=td nowrap><div>abcdefghigklmnopqrstuvwxyz 1234567890</div></td></tr></table>

 

abcdefghigklmnopqrstuvwxyz 1234567890

abcdefghigklmnopqrstuvwxyz 1234567890

转载于:https://www.cnblogs.com/wxzl/archive/2012/06/01/table-layout.html