在布局网站时,我经常要做的一件事就是让一些元素彼此相邻,并在它们之间使用分隔符.例如,如果我有3个元素,我希望它们之间有两个分隔符,两端都没有.
我以各种方式实现这一目标.对于元素的垂直堆叠,我有时会使用<hr />.Horiztonally,我可能会做类似的事情:
<div>
<span class="notend">things</span>
<span class="notend">stuff</span>
<span>items</span>
</div>
.notend {
border-right: solid black 1px;
}
Run Code Online (Sandbox Code Playgroud)
有没有更多的语义方式来做到这一点?我想在元素之间使用分隔符,而不是将样式元素放入html中,或者使用非语义类.我不介意这需要hacky css,我只是想从html文件中获取与样式有关的东西.