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

avatar 2017年02月26日21:24:42 5 3891 views
博主分享免费Java教学视频,B站账号:Java刘哥
看很多朋友经常问图片如何居中,有些朋友也查过很多代码,终无功而返。下面我就在这里分享一下 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 转载请注明
  • 微信
  • 交流学习,有偿服务
  • weinxin
  • 博客/Java交流群
  • 资源分享,问题解决,技术交流。群号:590480292
  • weinxin
avatar

发表评论

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

  

已通过评论:2   待审核评论数:0
  1. 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; }

  2. avatar 宅小猫

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

    • avatar 言曌

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