欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-02-29 19:02:52
无意中发现,针对同一html标记,在css中同时应用了font和line-height属性时,就得小心了,这二者的书写顺序不一样,会导致显示效果不同。 即: >>...
无意中发现,针对同一html标记,在css中同时应用了font和line-height属性时,就得小心了,这二者的书写顺序不一样,会导致显示效果不同。
即:
>>> 如果先写font,再写line-height,显示效果正常
>>> 如果先写line-height,再写font,则line-height定义的效果会丢失,在ie、firefox、opera下都出现这种bug

具体效果请看以下代码:

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