缩进text-indent标签造成图片也缩 进解决方案
解决方案 图片 标签 Text 造成 缩进
2023-09-14 08:57:34 时间
今天在写小程序和h5前端时候为了内容的美观,进行文章的缩进标签,但是一发现,文字缩进了,图片也缩进了,造成了不美观,怎么解决?于是找了w3c文档,才发现text-indent的属性之一:就是其内部元素遇到float或者display:block后就不继承外部这个缩进的属性了。
修改前样式:
方案:只要给图片加上float或者display:block的CSS属性后,图片的缩进会自动失效。
例如:
.img{ display: block; margin-left: auto; margin-right: auto; }
或者:
.img{ margin:0 0 0 -30px; }
即可,加上之后的效果:
文章转自:http://www.kaotop.com/it/787619.html
相关文章
- 优思学院|六西格玛改进阶段中选择解决方案的原则和技巧
- 【第十九篇】商城系统-分布式事务解决方案
- 关于deepin QQ最近无法加载头像和显示图片的完美解决方案
- 备受瞩目的HTAP:揭秘其背后的技术挑战与解决方案
- vue图片加载失败 空白页的解决方案@error函数
- 聊聊分布式事务,再说说解决方案详解程序员
- Oracle A20:强大而安全的云解决方案(oraclea20)
- MySQL控制函数:未来的数据库解决方案(mysql控制函数)
- Oracle:存储图片的革命性解决方案(oracle图片存储)
- 管理Linux 文件管理:简单好用的解决方案(linux普通文件)
- 「Oracle 1000」:企业级数据库解决方案(oracle 1000)
- 3MSSQL错误代码3013解决方案探索(mssql错误代码301)
- Linux更新文件命令行:简洁高效的解决方案(linux更新文件命令行)
- 12519Oracle智能数据库管理解决方案(12519oracle)
- Redis集群面临的挑战和解决方案(redis集群难点)
- android实现圆角图片解决方案
- 使图片旋转的3种解决方案
- MSSQLServer2014链接到MSSQLServer2000的解决方案及问题处理