css中的<div>可能有保证金吗？

4 回答

• 0

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

  .MyContainer div {
      margin: 42px;
  }
  

  回复于 2024-05-03T14:41:24+08:00
• 1

  喜欢：

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

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

  回复于 2024-05-03T14:41:24+08:00
• 1

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

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

  回复于 2024-05-03T14:41:24+08:00
• 1

  <p> 默认情况下在顶部和底部已经有 1em 边距 . 我通常使用 <p>test</p> 在文本上放置换行符而不是


  您可以在单独的.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 specification: Box model

  在CSS 2.1中，水平边距永远不会崩溃 . 垂直边距可能会在某些框之间折叠：正常流动折叠中的两个或多个相邻的块框垂直边距

  回复于 2024-05-03T14:41:24+08:00