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

html-css026

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 的区域扩大了,至于具体数据,你自己按你图片大小进行调整就好了。

如果是简单的表格,直上直下没有跨列或者跨行的:

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>。