广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

网页中CSS有些元素的行高line-height设置不了如何解决?

发布日期:2025-06-23 11:07:16 浏览次数: 811 来源:广州网站开发织晶
特别是手机网站布局中,一些比较小的字体,我想给它们设置比较小的行高line-height,但是设置后不能正常显示,还是保持原来的行高,让人很揪心。如下:
<a style="line-height:15px;font-size:12px;" > 文字显示</a>
虽然上面设置了a元素的行高,但是浏览器显示中还是不能正常显示设置的15px行高。
针对这种问题,一般解决办法有两个,如下:
第1个由于上面a元素可能继承了父元素的行高,导致生效不了,尝试修改父元素的行高,或者取消父元素的行高再试;
第2个. 如果修改了父元素的行高还是不能正常显示,可能是a元素继承了body元素中的行高,建议尝试修改body中的行高再试,body的样式如下:
body {  font-family: Arial;   font-size12px;   font-weight: normal;   /*line-height: 1.7;*/ /*修改前的行高*/line-height1/*修改后的行高*/color#333;   background#fff;   }
最后
一般通过上面这2个方法中的其中1个,就能解决子元素行高正常显示的问题。

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询