当前分类:站长>>正文

p标签中的图片如何居中?

来源:acboy   时间:2022年7月7日   编辑

p标签中的图片如何居中?在不影响文字对齐方式的情况下。

如果把图片放在p标签中,一般对p标签写Css的样式的时候,图片也相应会受到影响,比如来个text-indent,那么图片也会缩进。

再一个就是对齐方式,如果用text-align:center,文字也会跟着居中。

那么怎么样设置,在图片居中的情况下又不影响文字的对齐方式呢?

如下:

p img{display:block; margin:0px auto;}

当然如果你要保持图片与上下文的间距,还可以像下面这样写:

p img{display:block; margin:10px auto 20px auto;}

都是一样的意思!

[猜你喜欢]

标签: css