CSS - 你可以在同一个类中的图像之间添加空格吗？

Question

所以如果不在css中创建更多的类，你能说出同一个类中的3个图像，并给它们介于它们之间的空间百分比吗？

或者只能通过使用边距或填充分隔它们来实现这一点吗？

非常感谢。

Answer 1

.myClass img{ 
    float:left; 
    width: 30%; 
    margin:0 1%;
}

Answer 2

HTML：

<!--this would normally contain images -->
<div class="image"></div>
<div class="image"></div>
<div class="image"></div>

的CSS：

body {
  margin: 0px;
}

.image {
  display: inline-block;
  background-color: blue;
  height: 100px;
  width: 200px;
  margin-right: 10px;
}

.image:nth-of-type(1) {
  margin-left: 10px;
}

Answer 3

使用选择器，例如不选择第一个孩子，并根据自己的喜好给出边距或填充

.image:not(:first-child){
    margin-right:10px
}