缩进正文但不是块引用和图像

时间:2013-04-23 06:04:18

标签: html css html5 css3

我希望缩进文档正文中的所有文本而不缩进块引用或图像。在style.css中,如果我添加:

body {
    text-indent: 2em;
}

文本是缩进的,但是块引用和图像也是如此。

2 个答案:

答案 0 :(得分:2)

在您不想缩进的元素上设置text-indent: 0Such

对于图片,您需要将其设置为display: block或将其放入带有text-indent: 0的容器中。

答案 1 :(得分:1)

text-indent属性仅适用于块容器,因此不会影响图像。但是包含图像的块会受到影响,这可能会影响图像的位置。

您应该只在那些希望缩放第一行的块上设置text-indent。通常这意味着p { text-indent: 1em; }。如果您希望p元素以外的块也受到影响,请编写合适的选择器列表而不是简单的p