将元素边框扩展到容器的整个宽度(无显示块)

时间:2014-05-02 03:04:57

标签: html border css

我正在使用ColdFusion从头开始生成PDF表单。 CF可以从HTML生成PDF。所以,我试图创建一个看起来像这样的表单......在标签1(实际上在冒号后面结束)和容器边缘之间的整个空间下面有一条线(在这种情况下,身体标签)。有没有办法可以使用CSS Border属性来做到这一点,或者可以使用自定义背景重复的Background属性(这是我已经看到过的另一种方式)?

|header     pg|
|    title    |
|             |
|lbl1:_val1___|

根本不确定解决这个问题的最佳方法,我想必须有一个简单的方法......

前端人? :)

编辑:JSFiddle在此处说明问题...... http://jsfiddle.net/JESw5/

谢谢,

泰勒

1 个答案:

答案 0 :(得分:1)

我假设您使用的是内联块元素,因为您已使用它标记了您的问题。可以使用以下内容调整所有内联块元素的大小以适合其容器:

width: 100%;

就是这样!

在底部添加边框,您可以选择:

border-bottom: 1px solid black;

JSFiddle