我有一个连续的元素列表。但是,由于容器中容纳不下的列表太多,其中一些放在第二行。
考虑到元素已经设置了边距,我如何在这些元素的第一行和第二行之间添加额外的间距?
我希望“测试”的第一行和“测试”的第二行之间有更多的间距。我不希望两条线上方或下方的间距发生变化,只是介于两者之间。我在想它与相邻的兄弟选择器有关吗?
最佳答案
提供以下 CSS:
ul {line-height: 2; vertical-align: top;}
此 CSS 不会在行上方造成间距。
片段
ul {display: block; width: 200px; list-style: none; margin: 0; padding: 0; border: 1px solid #ccc; vertical-align: top;}
ul li {display: inline-block; width: 40px; line-height: 1; vertical-align: top;}
ul {line-height: 2; vertical-align: top;}
<ul>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
<li>Test</li>
</ul>
关于html - 列表中元素之间的垂直间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33092010/