您的位置：首页 > 其它

display box 小实践但是对ie的兼容还是得继续奋斗ing。。。。

2014-04-30 22:56 274 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Html Css</title>
<style>

#content{
display:-moz-box;
display:-ms-flexbox;
display:-webkit-box;
display:box;
width:100%;
line-height: 50px;
background:green;
}

#left{
box-flex:1;
-moz-box-flex:1;
-webkit-box-flex:1;
-ms-box-flex:1;
margin:10px;
background:yellow;
text-align: center;

}

#middle{
box-flex:1;
-moz-box-flex:1;
-webkit-box-flex:1;
-ms-box-flex:1;

margin:10px;
background:pink;
text-align:center;

}

#right{
box-flex:0;
-moz-box-flex:0;
-webkit:box-flex:0;
-ms-box-flex:0;
margin:10px;
background:red;
text-align: center;

}
</style>
</head>

<body>
<div id="content">
<div id="left">left</div>
<div id="middle">middle</div>
<div id="right">right</div>
</div>
</body>

</html>

但是在ie9上就变成这样了，T_T 刚开始认真搞前端，继续加油！！！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

display box 小实践 但是对ie的兼容还是得继续奋斗ing。。。。

display box 小实践但是对ie的兼容还是得继续奋斗ing。。。。