我有一个可以在两种情况下使用的 block :
此类 block 的列表
放置在不同种类的其他方 block 中
决定利润率的最佳做法是什么?
假设该 block 具有类 main
前后 block 分别分类为preceding
和 following
对于第二种情况。
如果我为 main
设置边距对于第二种情况,我需要 preceding
和 following
感动main
,那么我应该在前后设置负边距吗?
或者另一种解决方案是使用直接兄弟选择器设置边距 .main+.main
而不是 .main
.
我猜我还缺少其他一些解决方案。我可以知道还有哪些其他可能的解决方案。另外,这里的最佳做法是什么?
最佳答案
解决此问题的一种方法是通过将它链接到您根据情况添加的另一个类来确定要在您的 .main 类 div 上设置的边距。通过这种方式,您可以将主 div 的所有共享功能保留在一个地方,并仅在边距(或任何其他需要不同的样式)上进行区分。
DIV 个人
<div class="main individual">
与他人DIV
<div class="main shared">
CSS
.main {
width:50px;
height:50px;
}
.main.individual {
margin: 5px;
}
.main.shared {
margin:1px;
}
关于css - block 上的 margin ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28977599/