Question

我有div名为wrapper。我在更改网页布局后最近才创建了这个div，因此我在div中有很多元素需要新的CSS样式。 div中的所有内容现在都“卡在”wrapper div的右侧。

是否有办法将margin-right: 10px应用于wrapper div中的所有内容，而不是将样式分别应用于每个元素？

Answer 1

1

.wrapper > *会选择包装器直接子元素的每个元素，因此wrapper

中元素中的元素不会被选中

<div class="wrapper">
  <div> <!-- <- this one -->
    <!-- but not elements inside the direct children -->
  </div>
  <!-- all elements here -->
</div>

像这样：

.wrapper > * {
  margin-right:10px;
}

2

您也可以在padding-right:10px;上添加.wrapper，如下所示：

.wrapper {
  padding-right:10px;
}

Answer 2

我不确定你到底想说的是什么。然而，以下是我可以想到的可能情景

你试图说你在包装div 中有很多div和其他元素（a，table等），你只想在所有这些元素中添加间距（margin）一旦。我对吗？如果是，那么只需在包装器div中创建另一个 div ，并将内联样式应用于该特定div，如下所示

<div id="wrapper">
<div style="margin-right: 20px;"> <!--this div will contain all elements--> 

 <!--PLACE ALL OF YOUR ELEMENTS HERE --> 

</div> <!--ending container div--> 
</div> <!--ending wrapper div-->

现在根据您的需要，您可以更改保证金值。

希望我的回答能帮到你

如何使div内边缘的一切正确

2 个答案:

1

2