跨浏览器的inline-block

百度谷歌搜狗

加关注：新浪微博腾讯微博

当前位置：首页 > HTML+CSS > CSS Hack > 源码

发布时间：2013-09-18 10:52 　来源/作者：藕码网　分类：CSS Hack

TAG标签：

摘要：跨浏览器的inline-block

<!DOCTYPE html>  
<html>  
<head>  
    <title>Css Hack</title>  
	<style>
    li {
        width: 200px;
        min-height: 250px;
        border: 1px solid #000;
        display: -moz-inline-stack;
        display: inline-block;
        margin: 5px;
        zoom: 1;
        *display: inline;
        _height: 250px;
    }
	</style> 
</head>  
<body>  
   <ul>
		<li>
			<div>
				<h4>This is test</h4>
			</div>
		</li>
		<li>
			<div>
				<h4>This is test2</h4>
			</div>
		</li>
	</ul>
</body>  
</html>

素材详情
用户评论
相关文章

最新评论

验证码:

菜单/ Menu

基础知识
标签属性
CSS3
CSS Hack
CSS技巧
实例
扩展区
其他

热门下载/ HOT

1 CSS内部选择符级Hack
2 CSS网页错位之DIV CSS宽度计算
3 IE9的css hack
4 CSS内部属性级Hack
5 CSS Hack检测当前浏览器类型
6 跨浏览器的inline-block