有序列表项之间的额外换行符

Question

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

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

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

我希望列表项之间有额外的换行符，但是我不想在每个列表项之间都做br标签。是否可以通过CSS或某些特殊的引导程序类来解决这个问题？

Answer 1

在您的CSS文件中：

<h2>Title 1</h1>

<p>text before slide.</p>

<div class="slideshow-container">
	<div class="mySlides fade">
		<img class="slide" src="https://www.dropbox.com/s/zy36m99oqw61xuf/image1.jpg?raw=1" width="128" />
	</div>

	<div class="mySlides fade">
		<img class="slide" src="https://www.dropbox.com/s/miek22fw9ghqgw2/image2.jpg?raw=1" width="128" />
	</div>

	<div class="mySlides fade">
		<img class="slide" src="https://www.dropbox.com/s/l6ehi40kdlmli63/image3.jpg?raw=1" width="128" />
	</div>
</div>
<div id="slideMid">
<h2>Title 2</h2>

<p>Text after slide.  We want this title and text block to start after the image container so that this text is not on top of the image or obscured by it.</p>
</div>

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

Answer 2

li {
    margin: 0 0 20px 0;
}

上，右，下，左

或

li{
    margin: 10px 0;
}

顶部和底部，左侧和右侧

或者只是

li {
   margin-bottom: 20px;
}