模拟兼容性的 inline-block 属性
作者：blank 来源：怿飞博客 发布时间：2008-04-08 12:37:00
标签：inline-block,兼容,display,css
一年前网上还找不到关于 inline-block 属性的文章，为了方便大家更好的理解该属性，当时总结整理了篇《display:inline-block的深入理解》。
而现在对于 inline-block 属性运用的需求也越来越多，可惜依旧只有 Firefox3 beta、IE8 beta、Opera、Safari 支持 inline-block 属性（注：原来只有 Opera、Safari 支持），但 IE6、IE7 可以通过触发 hasLayout 来模拟，Firefox2 有-moz-inline-box 和 -moz-inline-stack 私有属性（这两个属性的比较引用自秦歌的《display:inline-block的应用两例》）。
在实际应用中 -moz-inline-box 会存在元素间的对齐等问题，虽然 Firefox 还有一个私有属性 -moz-box-align 来帮助解决对齐问题，但依旧难以预料问题多多，而相对来说 -moz-inline-stack 的表现更像 inline-block ，这点可以在 Firefox3 中测试出来。但 -moz-inline-stack 使用时也会有一个 bug ，如果一个 display:-moz-inline-stack; 的元素外层元素是 display:inline; 即会使 Firefox 中其包含的链接不可点，这个需要用 position:relative; 来解决。
最终我们模拟的代码如下：
display:inline-block; /*Firefox3 beta、IE8 beta、Opera、Safari 支持，IE 下触发 inline 元素的 hasLayout*/
display:-moz-inline-stack; /* Firefox 的私有属性，也可以用 -moz-inline-box */
zoom:1; /*IE 下触发 hasLayout*/
*display:inline; /*一旦IE 下触发了 hasLayout，设置 block 元素为 inline 会使 display:inline 效果与 display:inline-block 相似*/
/*text-indent:-9999px;
font-size:0;*/ /* 如需隐藏文字，可用这两个属性 */
overflow:hidden; /* 隐藏溢出的内容 */
vertical-align:middle; /* 行内垂直居中，针对 Opera 比较大的偏离 */
width:？px; /*？为任意非auto值*/
height:？px; /*？为任意非auto值*/
扩展阅读：
0
投稿猜你喜欢
图像的全景拼接包括三大部分：特征点提取与匹配、图像配准、图像融合。1、基于SIFT的特征点的提取与匹配利用Sift提取图像的局部特征，在尺度- 写代码时，我们希望把一些操作放到一个代码块中，这样在代码块中执行时就可以保持在某种运行状态，而当离开该代码块时就执行另一个操作，结束当前状态
- 在mysql安装目录的bin下, 运行mysql --install MYSQL5查看服务中, 会多一个MYSQL5的服务XAMPP的控制面
- 我们知道分析MySQL语句查询性能的方法除了使用EXPLAIN 输出执行计划，还可以让MySQL记录下查询超过指定时间的语句，我们将超过指定
- 前言针对于一维数组的存储方式，即(n,)存储为列向量一、创建一个array使用np.arange()创建一个一维数组，或者np.array(
- 在记忆里，关于时间方面常的SQL也就下面这两个了，大多数朋友问题中所涉及到的数据库都ACCESS的，在些，也就写出这两SQL了。年代久远，目
- 有时需要读取jpg图像的长和宽，tensorflow提供了很好的支持直接上示例decode_jpeg_data = tf.placehold
- 本文实例讲述了Python实现根据日期获取当天凌晨时间戳的方法。分享给大家供大家参考，具体如下：# -*- coding:utf-8 -*-
- 一、问题1.1 鼠标放上去不显示文档的提示鼠标放在随意一个函数上面不显示他的说明了我也不知道是咋了二、解决2.1 首先我只记得有一个侧边栏叫
- Jupyter平台默认开发的字体为宋体，在高分屏下视觉效果差在 C:\User\用户名\.jupyter\custom下面的custom.c
- 方法调用行为方法调用比其他类型的查找略为复杂一点。 以下是一些注意事项： 在方法查找过程中，如果某方法抛
- INSERT table (auto_id, auto_name) values (1, ‘yourname') ON DUPLIC
- 有时候，我们需要将TensorFlow的模型导出为单个文件（同时包含模型架构定义与权重），方便在其他地方使用（如在c++中部署网络）。利用t
- 实际效果：假设给定目录"/media/data/programmer/project/python" ，备份路径&quo
- 在输入框里面预设一段提示文字，当焦点在输入框的时候清空这段文字，这在目前来说已经不是什么新鲜事了。淘宝的搜索框就用到了这样一种设计：这种设计
- PyQt5安装在cmd下输入pip install PyQt5完成PyQt5安装，再安装qt designer，可以使用pip安装pip i
- 运行代码框<SCRIPT>var oPopup = window.createPopup();var popTop=50;fun
- 前面已经提到，CSS之所以如此强大，是因为它采用HTML文档结构来决定其样式的应用。但这仅仅只是一方面，因为它只暗示了CSS之所以使用文档结
- 本文实例为大家分享了python使用webdriver爬取微信公众号的具体代码，供大家参考，具体内容如下# -*- coding: utf-
- 数据库和操作系统一样，是一个多用户使用的共享资源。当多个用户并发地存取数据 时，在数据库中就会产生多个事务同时存取同一数据的情况。若对并发操
