在html中怎样控制表格的宽度

html-css022

在html中怎样控制表格的宽度,第1张

表格的宽度设置都知道: <table width="960px" border="1" align="center">..</table>

宽度虽然是这样设置的,但是<td>的内容如果超出就还是可能会改变table的宽度,

这样就有两种情况,如果你不想改变宽且也不想改变行高,可是设置: overflow: hidden

text-overflow:ellipsis

而如果你的高度可以改变,及单元格的内容超出可以自动换行的话,可以设置 <table style="

word-break: break-all word-wrap:break-word" ...>...

就要用到border-width属性

border-width:1px 1px 1px 1px,从左往右依次是上边框,右边框,下边框,左边框,根据自己需要进行赋值即可

border-width:2px 4px 6px,代表上边框2px,右边框4px,下边框6px,左边框没有值,就默认和右边框一样

border-width:2px 4px,有两个值代表上下边框为2px,左右边框为4px

border-width:2px代表四条边框均为2px