固定 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
posted @ 2012-06-01 17:07  水草肃  阅读(886)  评论(0编辑  收藏  举报