我希望div内的图像之间的间距

Question

我想要一些css设计就像这张图片我希望这三个共享图像在一个div内所有三个图像。这些应该与上面的图像有适当的差距。

<div class="col-lg-10">
  <div  class="page-small-title">
   Jude Alix Patrick Salomon, le DG de l'IGF devient Ministre des Finances
  </div>
</div>
<div class="col-lg-2" style="">
  <img src="images/read_news/u864.png"/>
  <img src="images/index/share_icon_facebook_u59.png"/>
  <img src="images/index/share_icon_tweeter_u60.png"/>
</div>

这是示例代码。下图是实现的确切要求。

Answer 1

使用填充在两者之间添加空间。

<div class="col-lg-10">
    <div class="page-small-title">Jude Alix Patrick Salomon, le DG de l'IGF devient Ministre des Finances</div>
</div>
<div class="col-lg-2" style="padding-left: 100px;">
    <img src="images/read_news/u864.png"/>
    <img src="images/index/share_icon_facebook_u59.png"/>
    <img src="images/index/share_icon_tweeter_u60.png"/>
</div>

Answer 2

在下面添加css

.col-lg-2 {
text-align: right;
}
or
.col-lg-2 {
display: flex;
justify-content: flex-end;
}
.col-lg-2 img {
margin-left: 8px;
}

Answer 3

尝试使用此代码定义col-md col-sm col

HTML：

<div class="col-xs-8 col-sm-10 col-md-10 col-lg-10">
    <div  class="page-small-title">Jude Alix Patrick Salomon, le DG de l'IGF devient Ministre des Finances
    </div>
</div>
<div class="col-xs-4 col-sm-2 col-md-2 col-lg-2 text-right">
    <img src="images/read_news/u864.png"/>
    <img src="images/index/share_icon_facebook_u59.png"/>
    <img src="images/index/share_icon_tweeter_u60.png"/>
</div>

Answer 4

.col-xs-4 img {
	margin-left: 8px;
	}

<div class="col-xs-8 col-md-10">
    <div  class="page-small-title">Jude Alix Patrick Salomon, le DG de l'IGF devient Ministre des Finances
    </div>
</div>
<div class="col-xs-4 col-sm-2 text-right">
    <img src="images/read_news/u864.png"/>
    <img src="images/index/share_icon_facebook_u59.png"/>
    <img src="images/index/share_icon_tweeter_u60.png"/>
</div>

我认为这是我正在寻找的解决方案