td的width可以设置固定值也可设置百分比，达到某些列宽度固定，某些列按比例自适应的效果。 原文出自：www.hangge.com 转载请保留原文链接：ht...

< html >
< head >
head >

< body >
< style >
    table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}
style >

< table width = "50%" style = "table-layout:fixed;word-break:break-all;background:#f2f2f2" >
    < tr >
        < td width = "50" >50px
        td >

        < td width = "50%" >50% aaaaaaabbbbbbbccccccc
        td >

        < td width = "50%" >50% aaaaaaabbbbbbbccccccc
        td >

        < td width = "50" >50px
        td >

        < td width = "100" >100px
        td >

    tr >

    < tr >
        < td >50px
        td >

        < td >50% aaaaaaabbbbbbbccccccc
        td >

        < td >50% aaaaaaabbbbbbbccccccc
        td >

        < td >50px
        td >

        < td >100px
        td >

    tr >

table >

body >

html >

table-layout:fixed;

解释：

固定表格布局与自动表格布局相比，允许浏览器更快地对表格进行布局。

在固定表格布局中，水平布局仅取决于表格宽度、列宽度、表格边框宽度、单元格间距，而与单元格的内容无关。

通过使用固定表格布局，用户代理在接收到第一行后就可以显示表格。

 

列宽由表格宽度和列宽度设定。

 

//宽度会被内容挤开

1000000000000000000000000000

10000000

100

//宽度不变但内容超出宽度 覆盖第二列内容

1000000000000000000000000000

10000000

100

效果：

 

word-break:break-all;

解释：

允许在单词内换行。

This is a veryveryveryveryveryveryveryveryveryvery long paragraph.

This is a veryveryveryveryveryveryveryveryveryvery long paragraph.

注释：目前 Opera 不支持 word-break 属性。

效果：