您现在的位置是：网站首页> 编程资料编程资料
小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流_
2023-05-25
411人已围观
简介 小心：CSS代码书写顺序不同，导致显示效果不一样_经验交流_
无意中发现，针对同一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需再刷新一下页面才能执行]
