内容之间的空行
我想以正确的方式（不使用nbsp）在文本内容之间添加空白空间以在图像上显示，我该怎么做？
图片
的index.html
<div class="container-fluid" id="home">
<div class="row">
<div class="col-md-8">
<div class="row">
<div class="col-md-5"></div>
<div class="col-md-7">
<h1>Text A</h1>
<h1>Text B</h1>
<h1> </h1><h1> </h1><h1> </h1><h1> </h1>
<h1>Text after space</h1>
<h1> </h1>
<h1> </h1>
<h1>Example</h1>
<h1>Second examplei</h1>
</div>
</div>
<div class="col-md-4"></div>
</div>
</div>
</div>
CSS
h1{
margin: 0px;
padding: 1px 0;
line-height:1;
font-size: 28px;}
你可以用一些简单的css填充来解决它
运行Codepen示例
.spacer {
padding-top: 80px;
padding-bottom: 40px
}
干杯:)
请使用padding CSS属性。 Padding-top:""; padding-bottom:""; 会没事的。
.space { margin:0; padding:0; height:50px; } // height as desired
<div class="space"></div>
您可以替换此代码而不是<h1> </h1>