模拟兼容性内联块属性
现在使用内联块属性的需求也越来越多,但仍然只是Firefox3β,IE8 Beta,Opera,Safari支持inline-block属性(注:只有原来的歌剧,Safari浏览器,IE6,IE7支持)也可以由Firefox2触发haslayout模拟,-moz内联盒子和-moz内联栈的私人性质(两属性参考比较自秦歌显示:内联块在两种情况下使用)。在实际应用中-moz内联盒子将对准问题的元素之间存在,虽然火狐有个盒子将帮助解决排列问题的私有财产,但仍相对没有讲很多问题,而且表现-moz内联栈更像是内联块,可被测试的Firefox3。然而,当-moz内联堆栈的使用,也将是一个错误。如果显示外部元素:-moz内联堆栈显示:内联,使包含在Firefox不点链接。这需要通过位置来解决:相对。
我们最终模仿的代码如下:
复制代码代码如下所示:
显示:内联块; / * Firefox3β,IE8 Beta,Opera,Safari的支持,haslayout * /触发内联元素在IE
显示:-moz内联栈; / * Firefox的私有财产,-moz内联盒子也可以用。
变焦:1;触发haslayout * / / * IE下
*显示:内联; / * IE一旦触发haslayout,内联设置块元素会显示:内联效果类似显示:内联块。
文本缩进:- 9999px;
*文本缩进:0;
字体大小:0;
行高度:0;隐藏文本的 *,可用于这四个属性。
除了上面隐藏的文本外,还可以使用更简单的方法:行高度:超值;字体大小:0;
溢出:隐藏;隐藏的溢出内容
垂直对齐:中间;垂直行/垂直线,相对较大的偏移量。
宽度:PX;对于任何非自动值。
身高:PX;对于任何非自动值。