javascript - 如何让 <hr/> 标签垂直移动

Question

如何制作 <hr />标签垂直移动，而不是标准外观水平线/横向移动？

我希望能够在移动网站上使用它，因此比只能在最新浏览器中运行的解决方案更受广泛支持的解决方案更可取。

Answer 1

这不仅需要对 hr 进行更改。它上面和下面的元素必须是 float 的。可以用实心边框实现效果:

<div class="section1"> content </div> 
<div class="section2"> more content </div>

CSS:

.section1 {  
    float: left; 
    width: 200px; 
    border-right: 1px solid #333;
}

.section2 { 
    float: left; 
    width: 200px;
}

编辑:另见 this answer