.current{display:inline-blockwidth:XXpxheight:XXpxbackground:url(img.jpg) no-repeat}
不过在IE6上,虽然能设置宽,高,但响应鼠标指针的焦点有问题,所以建议用 padding 设置。
.current{padding:6px 10pxbackground:url(img.jpg) no-repeat}
这个就不用设置宽,高了,因为用了 padding 把 .current 的区域扩大了,至于具体数据,你自己按你图片大小进行调整就好了。
如果是简单的表格,直上直下没有跨列或者跨行的:td { text-overflow:ellipsiswhite-space:nowrapoverflow:hidden} /* 设置不换行 省略号显示*/
然后只需要再给第一行的td分别加上class,例如:
<tr>
<td class="item1">单元格</td>
<td class="item2">单元格</td>
<td class="item3">单元格</td>
<td class="item4">单元格</td>
<td class="item5">单元格</td>
<td class="item6">单元格</td>
</tr>
然后,分别设置宽度
.item1 { width:20% }
....
.item6 { width:5% }
其他行同列的单元格会被撑开
比较复杂的有跨列或者跨行的表格,设置方法类似,但是就是要计算一下,比较麻烦。
你说的是分段、硬换行,还是自动换行呢?1、如果是分段、硬换行,CSS还没聪明到,自动识别到你哪些地方需要分段、硬换行。那就你就必须,在你的数据库文字段里,自行加入html标签,段落符号:<p>段落文字</p>;硬换行符号:该行文字<br />;(如果有数据库写入程序,那在信息录入数据库时,就应该把这些控制段落与换行的标签同时写入。)
2、如果是自动换行,那么其实就是控制好区域的行宽就行了。那么不管是从数据库里读出的内容,还是静态的页面内容,它们的显示区域控制的方法都是一样的。方法之一就是用CSS去定义DIV的宽高、字体颜色、文字大小等等。示例代码如下:CSS样式定义:area1 {height: 100pxwidth: 200px} CSS样式调用:<div class="area1">文字段落</div>。