Question

关于css中下划线的用法

要说事情是这样的,用text-decoration
----------------------------------
设置下划线后的文本显示就是这个样的
----------------------------------
有多少字就多长的下划线
----------------------

我希望文本的情况是这样的,就是我那行
-----------------------------------
就算没有全部填充字符,他的后面也能有
-----------------------------------
下划线,就像这样
-----------------------------------
希望大家能看懂...

我在玩禅意花园,所以不能改动html代码,背景图片已经设置了一张了,所以也不能再用背景图片了(可两张吗?不清楚诶)...

Answer 1

文本没有换行，那就用border-bottom设置一个下面的边框，当然，你得控制这个div的padding来控制下划线与文本的距离。如果文本有换行，那这个div得设置background，用一个线的图片作为背景平铺。比方字号是12px，行高是20px，那么这个图片就要做成高度也是20px。理解吗？

Answer 2

那个应该是不行的，因为样式本身就需要在存在对象的基础上才能套用并显示，如果没有字符，那么何来样式呢？
我看你的意思好像是想做一个固定不变的横线么？那个应该是用在表格上面的，设置一下border属性，上左下都是0 下面有宽度，然后在设置一下border 的样式就可以了。
================================================
禅意花园的在最后面有几个帮你预备的标签的

Answer 3

好像不可以,不过可以考虑一下用背景图片来实现你的功能

Answer 4

那就用border-bottom就行了
像这样：
#a{
border-bottom:1px #333 solid;
}
这样就可以占满一行了