DIV+CSS教程

段落缩进text-indent和图片缩进的问题

 2017-06-08
◎ 简介:看上去这个属性跟其他属性一样普通 简单,只是一个首行缩进而已,但在使用过程中细心的人或许会发现,例如在给正文的p标签内设置了text-indent属性后,正文内的图片也会被缩进,及影

看上去这个属性跟其他属性一样普通 简单,只是一个首行缩进而已,但在使用过程中细心的人或许会发现,例如在给正文的p标签内设置了text-indent属性后,正文内的图片也会被缩进,及影响美观也影响排版。

其实 text-indent 有个很奇怪的属性,就是其内部元素遇到 float 或者 display: block 后就不继承外部这个缩进的属性了。

也就是说,只要给图片加上 float 或者 display: block 的 CSS 属性后,图片的缩进会自动失效。

.img{
display: block;
margin-left: auto;
margin-right: auto;
}

×

请扫描二维码访问手机站!