两个div对齐问题之间的垂直线

时间:2014-02-23 18:43:35

标签: javascript html css html5 css-float

我希望两个div为“float-left”,“float-right”为“display:inline-block”。

我这样做没有问题。但是现在,我需要在它们之间插入一条垂直线,我这样做here并且两个div的对齐出错了。

有人可以帮我解决这个问题吗?

3 个答案:

答案 0 :(得分:1)

您必须向人力资源部门添加float: left

<hr style="width:1px;height:500px;margin-left:0px;margin-right:0px; float: left; margin-left: 10px;"/>

http://jsbin.com/tofehage/3/

答案 1 :(得分:1)

http://jsbin.com/tofehage/4/

也将显示内联块显示为hr标记。

左右边距太多了

答案 2 :(得分:1)

不确定是否有所帮助,但请参阅以下内容:

http://jsbin.com/tofehage/12/