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

html-css015

在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

参考代码如下:

<table border="1" width="960px">

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td width="500px">固定宽度</td>

<td width="460px">固定宽度</td>

</tr>

<tr>

<td>固定宽度</td>

<td>固定宽度</td>

</tr>

</table>

定义和用法

width 属性规定表格单元格的宽度。

通常,单元格占用的空间就是它显示内容需要的空间。width 属性用于为单元格设置预定义的宽度。