【问题标题】:Extra line break between ordered list items有序列表项之间的额外换行符
【发布时间】:2019-05-15 05:24:14
【问题描述】:

问题。是否可以在列表项之间添加额外的换行符。例子

我现在的情况。我正在使用带有引导程序的 Rails。

  <h1> Things I like </h1>
  <ol>
    <li> Apples </li><br>
    <li> Bananas </li><br>
  </ol>

我希望我的列表项之间有额外的换行符,但我不想在每个项之间添加 br 标记。是否可以通过 CSS 或一些特殊的引导类来解决这个问题?

【问题讨论】:

  • 您是否尝试过通过 CSS 将 paddingmargin 添加到
  • 项?
  • @Zigzagoon Ahhh 太棒了。如果你把它作为答案,我会接受它。我不知道为什么我没有想到这一点,而是添加一个引导程序 py 或者我会做我想做的事
  • 标签: html css bootstrap-4


    【解决方案1】:

    在您的 CSS 文件中:

    li {
        margin-bottom: 10px;
    }
    

    您可以根据需要修改访问器(“li”)或值。

    【讨论】:

      【解决方案2】:
      li {
          margin: 0 0 20px 0;
      }
      

      上、右、下、左

      li{
          margin: 10px 0;
      }
      

      上下左右

      或者只是

      li {
         margin-bottom: 20px;
      }
      

      【讨论】:

        猜你喜欢
        相关资源
        最近更新 更多
        热门标签