图片的居中显示怎么表示?

来源:5-3 编程练习

hanhua

2015-11-28 16:42

<p><img src="" width="500" height="420" alt="" /><p>

要设图片居中怎么做?

写回答 关注

5回答

  • redrain_lin
    2015-11-28 16:57:39
    已采纳

    怎么居中?水平居中?垂直居中?两者都要?

    水平居中,你可以img {display:block; margin:0 auto;}

    垂直居中,在P高度不知道的情况下,建议用js算出来。如果知道p高度,就用img{margin-top:(p高度-img高度)/2}

    同时居中,你结合两个。

    还有另一个办法就是把img作为p的背景使用,在控制居中上较为容易。

    cp0417

    img{margin-top:(p高度-img高度)/2}?? 不应该是p高度/2-img高度)/2吗?

    2016-05-28 00:15:55

    共 2 条回复 >

  • Hei_a
    2016-12-21 17:11:19

    img{

    display:block;

    margin:0 auto;

    }

  • 慕粉3208170
    2016-10-23 16:56:54

    <p align="center"><img src=" http://img.mukewang.com/53edaa5a0001c86705000420.jpg" width="500" height="420" alt=""/></p>

  • anfly
    2016-06-30 22:08:24

    直接设置最大的一个div属性text-align:center;就可以了

    zh_ng新

    我用这方法,段落的文字显示会有问题,第三行会居中显示

    2018-01-02 22:34:22

    共 2 条回复 >

  • hanhua
    2015-11-29 19:30:54

    我想问的是水平居中

    redrai...

    水平居中规定width之后用margin:0 auto;就可以了。另外关于居中的方法很多。这里再告诉你一种: .Absolute-Center { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } 这个用在规定过高度的元素上可以水平且垂直居中。算是我看过兼容性各项比较好的。ie8以上都可以。

    2015-12-29 10:12:24

    共 1 条回复 >

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题