CSS中宽度和高度分别可以通过width和height实现,那么对于单元格的宽度和高度,则可以通过如下样式来设置
td{ width:100px height:50px} /*设置单元格宽度100px,高度50px*/示例如下:
给出HTML元素
<table><tr><td>1</td><td>2</td><td>345</td></tr>
<tr><td>6789</td><td>10</td><td>11</td></tr>
</table>
设置单元格高度和宽度样式
table{border-collapse:collapse}td{
border: 1px solid green /*边框*/
width:100px /*单元格宽度*/
height:50px /*单元格高度*/
text-align:center /*单元格文字居中对齐*/
}
效果如下
能换行的,
{
height:88px;
width:88px
overflow:hidden
}即可。
楼主是不是说的不呢过换行的,
{
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
width: 60px
}
可以这样设置绝不会换行,而且如果文字大于设定宽度还会出现省略号。(试试,省略号不是手动加的啊!)60分挺多啊!