是否可以获得保证金 <div> 在CSS？

Question

是否可以为文本区域定义边距？

我的所见即所得编辑器将我的文本放在<div>标签中，而不是给出换行符<br />

所以我认为给<div>一个保证金？

这可能在CSS吗？ 如果是的话怎么样？

非常感谢。

编辑：我无法定义div，因为它没有类。 例如编辑器：

 <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum egestas lacus libero, et pellentesque nisl. Cras pharetra nunc sit amet urna vestibulum non ultricies metus malesuada. </div> <div>Nulla tincidunt, neque at blandit ultrices, massa odio pulvinar est, vel accumsan sapien justo sit amet lorem.</div> 

这看起来像：

Lorem ipsum dolor坐下来，精致的adipistur elit。 Vestibulum egestas lacus libero，et pellentesque nisl。 Cras pharetra nunc sit amet urna vestibulum non ultricies metus malesuada。
Nulla tincidunt，neque at blandit ultrices，massa odio pulvinar est，vel accumsan sapien justo sit amet lorem。

但需要像这样：

Lorem ipsum dolor坐下来，精致的adipistur elit。 Vestibulum egestas lacus libero，et pellentesque nisl。 Cras pharetra nunc sit amet urna vestibulum non ultricies metus malesuada。

Nulla tincidunt，neque at blandit ultrices，massa odio pulvinar est，vel accumsan sapien justo sit amet lorem。

Answer 1

喜欢：

div.myDiv{
  margin: 10px 0px 5px 20px;
}

给你：顶部10个像素边距，右边0个像素边距，底部5个像素边距和左边20个像素边距。

Answer 2

<div style="margin:5px;">content</div>

...将在div上放置一个5像素的边距。

Answer 3

您可以通过写入更改容器中所有<div>的边距

.MyContainer div {
    margin: 42px;
}

Answer 4

<p>默认情况下，顶部和底部的边距为1em 。 我通常使用<p>test</p>在文本上放置换行符而不是<br />

您可以在单独的.css文件中将所有div上的1em顶部和底部边距放在上面，如下所示：

div{
  margin:1em 0; /* 1em top & bottom; 0em sides */
}

您不希望像有人建议的那样使用内联CSS：

<div style="margin:1em 0;">text</div>

因为你使用的是一种不会自动放入它的WYSIWYG。 另外，你必须在你的所有div上都有额外的style=""属性。

值得注意的一个有趣概念是边距垂直折叠，但不是水平折叠。 这意味着如果你的顶部和底部有1em边距，你的段落之间不会有2em余量。 您可以获得更理想的1em保证金。

W3C CSS规范：Box模型

在CSS 2.1中，水平边距永远不会崩溃。

某些框之间的垂直边距可能会崩溃：

• 正常流动中的两个或多个相邻的块箱垂直边缘坍塌