如何在CSS实现段落首行缩进,但是图片不缩进
[ 2022-12-13 14:13:16 | 作者: admin ]
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
#content {
text-indent: 28px;
}
通常段落<p>内会有图片,图片也会随着缩进2个单位,原本居中的图片就会整体靠右,影响排版,有什么办法可以解决这个问题呢,其实text-indent有个属性,其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了,也就是说,只要给图片加上float或者display: block的 CSS 属性后,图片的缩进会自动失效,如果段落里设置了图片居中也会失效,需要重新写个margin:0 auto,写法如下text-indent: 28px;
}
#content img {
display: block; margin: 0 auto;
}
display: block; margin: 0 auto;
}
[最后修改由 admin, 于 2022-12-13 14:15:53]
评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=2900
这篇日志没有评论。
此日志不可发表评论。