text-indent 图片不缩进
DIV+CSS 2022/4/21 17:13:36 点击:不统计
%77w%77%2Ef%6F%72p%73%70%2Ec%6E
在写网页html div css代码时,在内容里面p段落使用了首行缩进text-indent,导致图片也显示为首行缩进2个字符。
代码如下:
<div class='x-foraspcn'>
<p>这里时 首行缩进文字内容</p>
<p><img src="text-indent.jpeg" alt="这个时图片"></p>
</div>
css 样式如下
x-foraspcn {
text-indent: 2em;
text-align: left;
font-size: .32rem;
position: relative;
}
结果发现 图片也进行了首行缩进,有了text-indent的属性。
查找进行如下修改,即可修复 图片不要缩进。
x-foraspcn img{
max-width: 90%;
margin: 0 auto;
display: block!important; /*这一行至关重要,时将图片等级提高为块级元素,不再时文本内容*/
}
这样就解决了 图片自动首行缩进的问题
http://%77%77%77%2E%66%6F%72%61%73%70%2E%63%6E
·上一篇:强制竖屏 html5 >> ·下一篇:div 嵌套div 高度变化 >>