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

html-css07

在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" ...>...

css中宽度和高度分别可以通过width和height实现,那么对于单元格的宽度和高度,则可以通过如下样式来设置

td{

width:100px

height:50px}

/*设置单元格宽度100px,高度50px*/

示例如下:

给出html元素

1

2

345

6789

10

11

设置单元格高度和宽度样式

table{border-collapse:collapse}

td{

border:

1px

solid

green

/*边框*/

width:100px

/*单元格宽度*/

height:50px

/*单元格高度*/

text-align:center

/*单元格文字居中对齐*/