html – 如何在有序列表的项目之间添加空行?

html – 如何在有序列表的项目之间添加空行?,第1张

概述参见英文答案 > How do I set vertical space between list items?                                    6个 >             Spacing between bullet list rows                                    8个 我目前有以下HTML: <ol> 参见英文答案 > How do I set vertical space between list items?                                    6个
>             Spacing between bullet list rows                                    8个
我目前有以下HTML:

<ol>    <li>Foo</li>    <li>bar</li>    <li>Baz</li></ol>

这产生了通常的结果:

    > Foo
    >酒吧
    >巴兹

我想在每个列表项之间添加一个空行,以便输出如下所示:

    > Foo
    >酒吧
    >巴兹

这可以通过添加两个< br>来完成.每次收盘前的标签< / li>标签.然而,它是丑陋和不优雅的.

有没有更好的方法在HTML或CSS中实现相同的结果?

解决方法 您可以根据自己的喜好增加每个li的边距或填充.例如.

li {  margin-bottom: 1rem;}
总结

以上是内存溢出为你收集整理的html – 如何在有序列表的项目之间添加空行?全部内容,希望文章能够帮你解决html – 如何在有序列表的项目之间添加空行?所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1039560.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-24
下一篇 2022-05-24

发表评论

登录后才能评论

评论列表(0条)

保存