如何用CSS控制图片在P标签中居中对齐

html-css020

如何用CSS控制图片在P标签中居中对齐,第1张

给P标签设置text-align:center就行了呀。因为图片默认是inline的格式。

代码如下:

<p style="width: 1000pxmin-height: 300pxtext-align: centerborder: 1px solid red">

<img src="http://up.qqjia.com/z/26/tu32783_2.jpg"/>

</p>

图片是网上的。你这边可以直接丢到编辑器查看。

希望能帮到你

以下方法适用于图片宽度小于P标签宽度的情况

HTML代码:

<p>

    <img src="">

</p>

CSS代码:

p {

    text-align: center

}

给p标签设置text-align:center样式可实现居中

text-align 文本对齐方式,有left / center /right 3个值:

left 居左对齐

center 居中对齐

right 居右对齐