CSS中行内元素应该如何才能够设置宽度?

html-css09

CSS中行内元素应该如何才能够设置宽度?,第1张

用 display:inline-block就可以了，如果你不想用 float 的话。

.current{display:inline-blockwidth:XXpxheight:XXpxbackground:url(img.jpg) no-repeat}

不过在IE6上，虽然能设置宽，高，但响应鼠标指针的焦点有问题，所以建议用 padding 设置。

.current{padding:6px 10pxbackground:url(img.jpg) no-repeat}

这个就不用设置宽，高了，因为用了 padding 把 .current 的区域扩大了，至于具体数据，你自己按你图片大小进行调整就好了。

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       /*单元格文字居中对齐*/

}

效果如下