css两个元素之间的垂直线

时间:2014-11-17 10:54:08

标签: html css

我有两个元素一个元素元素和一个旁边元素,旁边元素在我的所有页面下总是相同的,在每个部分我有不同长度的内容,具体取决于页面但我的问题是在节和在一旁,我想在它们之间的中间空间有一条灰色的垂直线。

不应该得到包括Java Script在内的任何解决方案。

那么有什么建议吗?

编辑:

感谢到目前为止的回复,但我的问题是我希望该行是最长的那一行的高度,例如在我的起始页面上,最长的一个是内容,但对于另一个页面下最长的一个是抛开另一个在我链接在一起的另一个php文档,因为在我更改它之前,它总是在页面上相同的内容,抱歉这个信息已经晚了!

3 个答案:

答案 0 :(得分:1)

正确元素的border-left: 1px solid #000;怎么样?

答案 1 :(得分:1)

试试这个:

<div class="line" >
Second element
</div>

在css中:

.line {
    border-left: thick solid #ff0000;
}

答案 2 :(得分:0)

如果你想要一行的高度(我假设在左边),那么旁边的边框就可以了:

.aside{
    border-right: 1px solid #666;
}

如果该行应该是内容的高度,那么内容上应该有一个边框:

.content{
    border-left: 1px solid #666;
}

如果元素是相反的方向,则只需反转使用的边框。

然后,您可能需要添加一些填充,以便文本不会触及边框,具体取决于您的样式和标记的其余部分。