我们在用bootstrap排版内容的时候，有的时候在内容中需要图片水平居中对齐。

一般情况下，我们的图片都使用了 .img-responsive 类来实现响应式图片。如果需要实现响应式图片水平居中，那么我们要使用 .center-block 类

<p><img class="img-responsive center-block" src="..." /></p>

Ps：上述代码中，我们一定要注意.center-block 类的添加位置，一定要把 .center-block 添加到img中，如果添加到别的地方，那么不会实现响应式图片水平居中，比如，如下的代码就不能实现响应式图片水平居中。

<p  class="center-block"><img class="img-responsive" src="..." /></p>  我是错误的，不能实现图片居中。

最新文章

  1. 数据库日常维护-CheckList_03有关数据库数据文件大小检查
  2. Linux 下配置php开发环境
  3. PHP5.6启动失败
  4. HTML头部
  5. C++多级指针与多维数组详细介绍
  6. 解释器模式（Interpreter Pattern）
  7. 连接MySQL数据库(android、php、MySQL)
  8. 新版Chrome自动禁用第三方插件的解决办法[转]
  9. 记录一次centos6.4版本的VSFTP本地用户登陆的配置
  10. [原创]java WEB学习笔记79：Hibernate学习之路--- 四种对象的状态，session核心方法：save()方法，persist()方法，get() 和 load() 方法，update()方法，saveOrUpdate() 方法，merge() 方法，delete() 方法，evict()，hibernate 调用存储过程，hibernate 与 触发器协同工作
  11. uva208 - Firetruck
  12. zy 送画
  13. 一位学长的ACM总结（感触颇深）
  14. 玩程序 之 一 . 字符串处理工具（可通过C#脚本扩展）
  15. UC/0S2之中断
  16. win8.1下安装ubuntu 14.0 4LTS
  17. java-JProfiler（一）-安装以及简介
  18. 题解 P5301 【[GXOI/GZOI2019]宝牌一大堆】
  19. 20165304《Java程序设计》第九周学习总结
  20. RDS MySQL InnoDB 锁等待和锁等待超时的处理

热门文章

  1. DOMContentLoaded 与onload区别以及使用
  2. 《高性能MySQL》笔记-BLOB与TEXT
  3. Spring Boot访问mysql(JPA方式)最简单配置
  4. Linux vim 入门 配置 及 使用初步
  5. AVPlayer的使用，带缓冲
  6. Android 四大组件学习之ContentProvider五
  7. Chrome development tools学习笔记(3)
  8. SharePoint 2013 关闭 customErrors
  9. java多线程设置优先级
  10. RK摄像头移植【转】