css 中的 <div> 可以留边距吗？

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 sit amet，consectetur adipiscing elit。 Vestibulum egestas lacus libero, et pellentesque nisl。 Cras pharetra nunc 坐 amet urna 前庭非 ultricies metus malesuada。
Nulla tincidunt, neque at blandit ultrices, massa odio pulvinar est, vel accumsan sapien justo sit amet lorem。

但必须是这样的：

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。

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

<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>

因为您使用的是所见即所得，它不会自动将其放入。另外，您必须在所有 div 上添加额外的 style="" 属性。

需要注意的一个有趣概念是边距垂直折叠，而不是水平折叠。这意味着如果您在顶部和底部有 1em 边距，那么您的段落之间不会有 2em 边距。你会得到更理想的1em 边距。

W3C CSS specification: Box model

在 CSS 2.1 中，水平边距永远不会塌陷。

某些框之间的垂直边距可能会折叠：

• 正常流折叠中块框的两个或多个相邻垂直边距

Answer 4

你可以通过写来改变容器中所有<div>s的边距

.MyContainer div {
    margin: 42px;
}