小心: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需刷新才能执行]
即:
>>> 如果先写font,再写line-height,显示效果正常
>>> 如果先写line-height,再写font,则line-height定义的效果会丢失,在ie、firefox、opera下都出现这种bug
具体效果请看以下代码:
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]