关于css的text-indent首行缩进两个字符和图片缩进的问题
创始人
2025-07-09 12:35:33
0次

p{

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

}

可加了这个缩进后当遇到正文内容中有独立段落的图片时，图片也会被缩进，这样会很影响排版。

其实text-indent有个很奇怪的属性，就是其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，也就是说，只要给图片加上float或者display: block的 CSS 属性后，图片的缩进会自动失效。但是为了排版的效果，一般都使用display:block;，这样图片就不会与文字并排，图片单独占一行。

p img{

display:block;

}

上一篇：css实现强制不换行/自动换行/强制换行

下一篇：mui自定义从底部弹出的弹出框

相关内容

热门资讯

修复：npm : 无法加载文件... 这个错误是由于 PowerShell 的执行策略限制导致的。在某些系统上，默认情况下，PowerSh...
弹性布局 布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。20...
html的data url和b... data urldata url的语法为：data:[][;base64],说明：（1）mediat...
php高并发下生成绝对不重复标... php的uniqid()函数生成的标识在高并发下（例如循环）会重复，以下方法生成不重复标识：1、md...
php中htmlentitie... htmlentities()和htmlspecialchars()这两个函数的功能都是转换字符为HT...
swoole的安装 linux下安装swoole需先安装好php。（1）下载swoole源码，解压后进入源码目录，执行如...
css实现内容裁剪 1、实现单行内容裁剪，后跟省略号overflow:hidden;text-overflow:elli...
php获取路径、文件名、扩展名... $path="/test/upload/readme.txt";1、获取路径dirname($pat...
fetch方式发送请求 1、以get方式发送查询字符串fetch("server.php?查询字符串"[,{method:"...
xml cdata 所有 XML 文档中的文本均会被解析器解析。只有 CDATA 区段（CDATA section）中的...