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

看很多朋友经常问图片如何居中,有些朋友也查过很多代码,终无功而返。下面我就在这里分享一下 1、下面代码可以实现 左右居中
  1.  img{
  2.            display:block;
  3.            position:relative;
  4.            margin:auto;
  5.        }
2、楼下那位兄弟提供了以下代码,可以实现 上下左右居中
  1. img {
  2.             displayblock;
  3.             positionabsolute;
  4.             marginauto;
  5.             left: 0;
  6.             top: 0;
  7.             rightright: 0;
  8.             bottombottom: 0;
  9.         }
  本文地址:http://liuyanzhao.com/2004.html 转载请注明

发表评论

目前评论:5

  • avatar y374671004

    来个上下左右局中 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; }

    • avatar 言曌 作者

      不错

  • avatar 宅小猫

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

    • avatar 言曌 作者

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