css如何强制实现文章图片居中

avatar 2017年02月26日21:24:42 5 4676 views
博主分享免费Java教学视频，B站账号：Java刘哥 ，长期提供技术问题解决、项目定制：本站商品点此
看很多朋友经常问图片如何居中，有些朋友也查过很多代码，终无功而返。下面我就在这里分享一下

1、下面代码可以实现 左右居中
  1.  img{
  2.            display:block;
  3.            position:relative;
  4.            margin:auto;
  5.        }

2、楼下那位兄弟提供了以下代码，可以实现 上下左右居中
  1. img {
  2.             display: block;
  3.             position: absolute;
  4.             margin: auto;
  5.             left: 0;
  6.             top: 0;
  7.             rightright: 0;
  8.             bottombottom: 0;
  9.         }



本文地址：http://liuyanzhao.com/2004.html

转载请注明
历史上的今天
February
26日
  • 微信
  • 交流学习，资料分享
  • weinxin
  • 个人淘宝
  • 店铺名：言曌博客咨询部

  • (部分商品未及时上架淘宝)
avatar

发表评论

avatar 登录者：匿名
匿名评论，评论回复后会有邮件通知

  

已通过评论：2   待审核评论数：0
  1. avatar y374671004
    回复 2017年05月11日 16:41:16

    来个上下左右局中 div{ width:500px; height:500px; background:#000; position:relative;} div img{ display:block; position: absolute; margin:auto; left:0; top:0; right:0; bottom:0; }

  2. avatar 宅小猫
    回复 2017年04月11日 19:05:14

    我博客也写过，可以去看看我的，你这个方法我也用过，不过居中再给个定位是不是会有点多余啊？

    • avatar 言曌
      回复 2017年04月11日 19:07:20

      没有啊，一是相对浏览器，一个是相对div吧