Html 使用css在两个图像之间留出空间

css

的定位问题困扰着我。我有很多图片要实现，我集中了所有的类，这很好。但我需要图片之间的单独空间。百分比或像素并不重要

这是Html文件中的代码：

<div class="picture">
  <!—PIC1 -->
  <a href="http://.....” target="_blank">
    <img src="pic2"  width="149" height="114">
  </a>
  <!—PIC2 -->
  <a href="http://.....” target="_blank">
    <img src="pic1"  width="149" height="114">
  </a>
  </a>
</div>

---

如果未指定任何内容，可以尝试以下操作：

img{
  margin-right:10px; //your space here
}

在JSFiddle上查看这个

a{
   text-decoration:none;
}
img{
   margin:1em;
   /* Space will be occupied all four sides Top, Right, Bottom & Left */
}

---

请澄清您的具体问题或添加其他详细信息，以突出显示您所需的内容。正如目前所写的，很难准确地说出你在问什么。请纠正你代码中的拼写错误。你是否尝试过使用

填充

或

边距

？如此简单和容易。thx和alle是最好的，如果我尺寸过大，它将进入下一行，对吗？加油，这取决于你的屏幕大小，如果它不合适，那么肯定会转到下一行。

a{
   text-decoration:none;
}
img{
   margin:1em;
   /* Space will be occupied all four sides Top, Right, Bottom & Left */
}