表格的宽度设置都知道: <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
/*单元格文字居中对齐*/