当前位置: 移动技术网 > IT编程>网页制作>CSS > 小心:CSS代码书写顺序不同,导致显示效果不一样

小心:CSS代码书写顺序不同,导致显示效果不一样

2017年12月12日  | 移动技术网IT编程  | 我要评论
无意中发现,针对同一html标记,在css中同时应用了font和line-height属性时,就得小心了,这二者的书写顺序不一样,会导致显示效果不同。
即:
>>> 如果先写font,再写line-height,显示效果正常
>>> 如果先写line-height,再写font,则line-height定义的效果会丢失,在ie、firefox、opera下都出现这种bug

具体效果请看以下代码:

[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网