美文网首页
图片居中的两种方法

图片居中的两种方法

作者: lucky_god | 来源:发表于2018-08-04 00:34 被阅读0次

    1、将图片用div或者p标签包起来,定义整个框架的显示格式,使用text-align。

    <p style="text-align:center">    <img src="" />    </p>

    2、将图片由内联元素,改成块级元素

            因为内联元素是不能设置height和width的,只能有padding起作用。所以我们可以将用css将img标签改成块级元素(最好是某一类里面的img,避免整个网页的img标签都改变),使用display和margin

    <style type="text/css">

        .newsContent    img{    display:block;    margin:0  auto;    }

    </style>

    相关文章

      网友评论

          本文标题:图片居中的两种方法

          本文链接:https://www.haomeiwen.com/subject/sorpvftx.html