html - 如何使用 CSS 来更改 <div>，使其看起来和行为与 <p> 相同？

Question

我相信标题本身就说明了一切。我的 CSS 技能不够好，无法让它发挥作用，也无法预测一切。

我做了一个简单的 fiddle :https://jsfiddle.net/f6oe9umb/3/

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<div class="fakeparagraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<div class="fakeparagraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</div>
<div class="fakeparagraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<div class="fakeparagraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</div>
<div class="fakeparagraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</div>

在这种情况下，简单的 margin-bottom 就足够了。但是吗？即使 - 如何找到正确的值？

Answer 1

检查浏览器的默认 css here ，它就在那里:

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

假设你有一个 <div class="fake-p"/>和样式:

.fake-p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
}

不过老实说每个浏览器都有默认的html标签设置(不同的浏览器可能有不同的样式但有些是相同的)并且他们可以随时更改它，所以我建议你直接使用p如果你想要它的行为，请标记。