网页布局中，精准控制文本行高至关重要。line-height属性通常能轻松解决此问题。然而，当
标签嵌套在
标签内，并尝试使用line-height: 0;消除段落间距时，可能会出现意想不到的结果。
问题：作者尝试使用p { line-height: 0; }来消除
标签间的间距。在非
环境下，此方法有效。但当代码片段包含在
标签内时，p { line-height: 0; }失效，段落间距依然存在。即使添加pre { line-height: 0; }和pre p { line-height: 0; }也无法解决问题。
解决方案：将line-height: 0;直接应用于
元素本身。修改样式为pre { line-height: 0; }即可。
标签会继承并应用其子元素的样式，设置
标签行高为0，能有效影响其内部所有元素（包括
标签）的行高，从而消除段落间距。
以上就是如何在“标签内有效消除“标签间的间距？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1564127.html
微信扫一扫 
支付宝扫一扫 
