html - 从中间 css 水平对齐图像

标签 html css

我阅读了很多关于垂直对齐的文章,但如何从中间水平对齐 3 张图像?

 <div class="notification-from-picture">    <img src="images/1.jpg" class="img-circle" /> </div>
 <div class="notification-between-from-to"> <img src="images/2.jpg"/>                     <div>
 <div class="notification-to-picture">      <img src="images/3.jpg" class="img-circle"/>< /div>

3 images in a row, horizontally align

最佳答案

只要这样做就可以了:

 .notification-from-picture,
 .notification-between-from-to,
 .notification-to-picture 
  {  
   display: inline;
  }

关于html - 从中间 css 水平对齐图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23668515/

相关文章:

javascript - 我可以在哪些 HTML 标签中放置 javascript 回调?

html - 如何在不渲染的情况下在 Markdown 文件中键入 html?

html - 仅在第一个 ul 中获取第一个 li 的第一个 anchor

css - 当出现 overflow-x 时,用于显示 ... 的 css 属性是什么?

javascript - 如何在 javascript 中使用 id 设置字段值?

javascript - 在 init() 之后向 TinyMce 添加属性?

php - 从数据库中提取的布局网页信息

css - 如何命名基 css 类以便其他用户可以轻松关联

css - 在不丢失箭头的情况下样式化选择下拉菜单

html - 在 HTML 中使用 CSS bootstrap 选择文件夹/目录并保存路径