html - 我想要 div 内图像之间的间距

标签 html css twitter-bootstrap

These are the images

我想要一些 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>

这是示例代码。下图是要达到的确切要求。

The code should look like this example image

最佳答案

使用填充在事物之间添加空间。

<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>

关于html - 我想要 div 内图像之间的间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49767229/

相关文章:

html - 填充边距组合如何在 Bootstrap 中的 navbar-header 类上工作?

html - 如果 bootstrap.min.css 链接两次会产生任何副作用

javascript - 在 Canvas 中画圈的一侧边框

html - 为什么我应该使用 content_tag 而不是 "regular"html?

javascript - 脚本在 django 模板中不起作用

javascript - 如何使用 jQuery 将 div 设置为可拖动?

jquery - 翻转文本未显示在所有元素中

php - 每秒刷新一个变量

javascript - 光滑 slider 问题 : displaying thumbnails in vertical columns

javascript - JQuery 根据另一个 div 的点击切换元素