如何使用较少的空间HTML / CSS创建新行

Question

我目前正在使用<br>来分割我的<p>代码，问题是<br>在文本之间创造了太多的空间。有什么方法可以让它有更少的空间吗？

Answer 1

请勿使用<br>分割（增加？之间的空格）您的<p>标记。这就是CSS的利润率。如果要分解块元素中的内容，应谨慎使用<br>。

CSS

 p {margin-bottom:10px; /*Change as needed alos consider 1.25em etc*/}

Demo

Answer 2

如果您使用<br />创建新行，则可以设置line-height css样式以减少文本垂直间距。

如果您想减少代码之间的间距，可以设置padding或margin（或padding-top，padding-bottom，margin-top或{{ 1}}）在你正在使用的特定标签上。

margin-bottom：http://jsfiddle.net/83sduryy/

的示例

Answer 3

为<p>代码添加保证金。我建议你在你想要额外间距的段落中添加一个类。

只需指定一个类，例如p-br表示需要额外间距的代码。

p.p-br {
    margin-bottom: 2em; /* Whatever spacing you want... */
}