文章p标签css首行缩进text-indent后，图片img怎么设置不缩进解决办法

段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。

text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

p{text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
}

注：div标签不要忘记起始符。text-indent只对p或div标签有效，对br标签不生效，原因是br标签是换行标签不是分段标签。

可加了这个缩进后当遇到正文内容中有独立段落的图片时，图片也会被缩进，这样会很影响排版。而且对于缩进后的图片大小也不好把握，对于自适应主题尤其如此。所以很多人因为搞不定图片这个问题最后放弃了使用段落首行缩进。

其实text-indent有个很奇怪的属性，就是其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，也就是说，只要给图片加上float或者display: block的 CSS 属性后，图片的缩进会自动失效。

但是为了排版的效果，一般都使用display:block;，这样图片就不会与文字并排，图片单独占一行。

文章p标签css首行缩进text-indent后，图片img怎么设置不缩进解决办法相关推荐

html打印预览首行缩进样式无效,css首行缩进没有效果的原因及解决办法
css首行缩进没有效果的原因及解决办法发布时间:2020-12-23 09:52:37 来源:亿速云阅读:69 作者:小新这篇文章将为大家详细讲解有关css首行缩进没有效果的原因及解决办法,小编 ...
css缩2个字,css首行缩进2字符怎么设置?缩进的CSS代码是什么
本篇文章给大家带来的内容是关于css首行缩进2字符怎么设置?缩进的CSS代码是什么,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 1.首先应用缩进CSS属性:text-indent ...
css首行缩进(css首行缩进)
首行缩进连个字符和首行缩进连个字是一样的概念?首行缩进连个字符和不一样的概念啊,字符和字是不一样的如何在css中控制段落的首行缩进??如何在css中控制段落的首行 style="text ...
html首行缩进怎么弄,css首行缩进怎么弄
css首行缩进的设置方法:首先新建一个html代码文件:然后给设置一个class类:接着在设置样式.在标签后面新建一个使用浏览器打开,即可看到首行缩进的效果.如图: 所有代码.直接复制所有代码 ...
css首行缩进字符间距行高_黑暗代码风格的学院：换行，间距和缩进
css首行缩进字符间距行高 Hey guys! Let me walk you through the next part of our dark-style code academy. In thi ...
html中设置段落缩进2字符,css首行缩进2字符怎么设置？
在css中,我们可以使用text-indent属性来实现首行缩进效果,本篇文章就来带大家了解text-indent属性是怎样设置首行缩进样式的.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有 ...
css首行缩进（微信开发采坑随便）
一开始设置微信小程序首行缩进两个字不生效,查找原因是应为使用了容器造成的,改为ro容器完美解决,
css首行缩进2个空格相对大小
有时候段落文本需要首行缩进两个空格,可以通过text-indent属性设置,单位em表示相对当前行文本大小缩进,例如当前文字大小是10px,那么2em就是相当于首行缩进了10xp*2=20px,也就是 ...
关于jquery动态改变css样式后，对象获取不到的解决办法
2019独角兽企业重金招聘Python工程师标准>>> 情况如下: <!DOCTYPE html> <html><head><meta ch ...

文章p标签css首行缩进text-indent后，图片img怎么设置不缩进解决办法

文章p标签css首行缩进text-indent后，图片img怎么设置不缩进解决办法

段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。

text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

注：div标签不要忘记起始符。text-indent只对p或div标签有效，对br标签不生效，原因是br标签是换行标签不是分段标签。

文章p标签css首行缩进text-indent后，图片img怎么设置不缩进解决办法相关推荐

最新文章

热门文章