首页 >HTML讨论组 >img如何居中?

img如何居中?img如何居中?

在div中写入 text-align:center 里面的img可以居中

<div style="width:600px;heigth:800px;border:2px solid red;text-align:center">
<img src="timg.jpeg" style="width:200px;height:200px;">
</div>

我想在img中设置属性,这样设置不行

<div style="width:600px;heigth:800px;border:2px solid red">
<img src="timg.jpeg" style="width:200px;height:200px;display:inline-block;text-align:center">
</div>

请问,有无办法在img中设置属性,不在div中设置text-align:center  ,使得这个img居中?

测试过了,不可以使用;margin:0 auto

<div style="width:600px;heigth:800px;border:2px solid red">
<img src="https://s25.postimg.org/8nw251b8f/timg.jpg" style="width:200px;height:200px;display:inline-block;margin:0 auto">
</div>
 
6
 
+1
-1
 
分享
全部回复 (6)我来回答
    枫铖
    6楼
    枫铖 · 2星期前

    包个div   再让div居中   margin:0 auto;

      赞+0添加回复

    phpcn_u37517
    5楼
    phpcn_u37517 · 3星期前

    居中呗

      赞+0添加回复

    数据分析师
    4楼
    数据分析师 · 2个月前

    img如何居中?-PHP中文网问答-img如何居中?-PHP中文网问答

    围观一下哦,学习一下。

      赞+0添加回复

    阿神
    3楼
    阿神 · 9个月前

     text-align:center 这个属性作用的对象的是父层下面的子元素的居中对齐,
    如果你用text-align:center 让img直接居中的话,因为没有参考的对象,他无法使用这个属性来决定怎么居中,位置该怎么放
    你可以使用margin 来实现居中 

      赞+1添加回复

    怪我咯
    2楼
    怪我咯 · 9个月前

     img中控制样式的话, 就用position。

    <div style="width:600px;heigth:800px;border:2px solid red;">
    <img src="timg.jpeg" style="width:200px;height:200px;position:relative;left:50%;margin-left:-100px;">
    </div>
    就是将图片left设置为50%。这个时候,图片左侧是在中间的。然后设置margin-left:-100px; 这样,就把图片向左移动了50%的自身宽。这个时候就左右居中了。 


      赞+0添加回复

    迷茫
    1楼
    迷茫 · 9个月前

    img的样式应该为width:200px;height:200px;display:block;margin:0 auto;
    img是个特殊的内联元素。可以设置长宽,跟button类似。margin:0 auto居中只能于作用块级元素。故img设置了display:block;margin:0 auto即可居中

      赞+1添加回复

    首页上一页1下一页尾页