IT博客汇 | myeclipse格式化引样式失效

myeclipse格式化引样式失效

青色发表于 2010-11-12 15:07:16

很多编辑软件都有格式化，格式化能让代码更具可读性。但是有的编辑软件的格式则可能会引起一些问题，比如样式失效。或者说不是样式失效，而是浏览器支持有问题。

前两天做的一个页面，交给了其他同事，他们用的编辑器是 myeclipse，处理后，在 IE 和 FF 下表现不一样，经过排查后发现是行高 “line-height” 在 IE 下失效。CSS 代码如下：

selector { font:12px/30px '宋体', Tahoma, Geneva, sans-serif; background:#f00;}

经过 myeclipse 默认的格式化后变成了：

selector {
	font:12px/ 30px '宋体', Tahoma, Geneva, sans-serif;
	background:#f00;
}

格式化之后，字号和行高中间出现了一个空格，在 FF 、Chrome 、Opera 、IE8 、IE9 下页面没有问题，而在 IE6、 IE7 下除了字号，后面的都失效了。不知这应该怪 myeclipse，还是 IE6 、IE7。

为了让大家便于对比，这里制作了一个简单的实例，您可以用相应的浏览器点击这里测试。