繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > line-block的运用最小宽度的设置
- CSS样式表
- Class与ID区别 margin和padding区别 CSS学习笔记
- 鼠标滑过缩略图时放大图片（纯Css）
- 网页中经常用到的Metas, Links and DocTypes集合
- 修正IE下使用CSS属性overflow的bug
- xhtml+css制作不规则导航
- CSS规则层叠时的优先级算法
- CSS规则层叠的应用 css必须要注意的几点
- CSS Hack收集汇总
- line-block的运用最小宽度的设置
- IE对CSS样式表的限制分析与解决方案
- 全国哀悼日网站页面变成灰色的filter方法
- css滤镜实现页面灰色黑白色效果代码
- 用CSS开发时髦的导航栏图例教程
- 用CSS开发时髦的导航栏第二篇
- CSS渐变文本效果的两种方法比较
- 提高CSS文件可维护性的五种方法总结
- css Sprites小实例代码
- 美化html段落文本 Ⅰ
- html页面中图像格式的选用之我见
- DIV+CSS实现的滑动门菜单特效代码
CSS样式表 中的 line-block的运用最小宽度的设置
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 100 ::
收藏到网摘: n/a
line-block：本身是内联盒模型的存在，又具备块状盒模型的特性。很好很强大的东西啊～ 网上找到的正规描述：
引用内容
这个值导致一个元素产生一个块状盒模型（block box），而本身作为单一的内联盒模型（inline box）流动排列（flow），类似一个被替代的元素。Display值为inline-block的元素内部形成一个块状盒模型，而本身形成类似一个内联的被替代元素
PS：可惜IE不支持，FF也不支持。HOHO～
IE解决方案：触发IE的layout，从而使该元素具备类似line-block的特性。
FF解决方案：使用moz专属属性：display::-moz-inline-box;
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
.box { display:inline; zoom:1; min-width:400px; width:auto!important; width:400px; clear:right; border:1px solid #000; background:#ccc; }
html:lang(zh-CN) .box { display:-moz-inline-box; } /* moz-ff */
评论 (0) All
