码迷,mamicode.com
首页 > 其他好文 > 详细

哎,老了之display-box

时间:2015-08-19 22:51:37      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:

哎,不想吐槽自己了,表示已远远落后,从今天起开始恶补吧,来一个实例

<html>
  <head>
    <meta name="generator"
    content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39" />
    <title></title>
	<style>
		*{
			margin:0px;
			padding:0px;
		}
		.test{
			width:700px;
			height:200px;
			display:-moz-box;
			display:-webkit-box;
			display:box;
		}
		.test div{
			
			
			background:green;
			margin-right:20px;
		}
		 .test div:first-child{
			-moz-box-flex:2;
			-webkit-box-flex:2;
		}
		.test div:nth-child(2){
			-moz-box-flex:3;
			-webkit-box-flex:3;
		}
		.test div:nth-child(3){
			-moz-box-flex:3;
			-webkit-box-flex:3;
		}
	</style>
  </head>
  <body>
	<div class="test">
		<div></div>
		<div></div>
		<div></div>
	</div>
  </body>
</html>

 

哎,老了之display-box

标签:

原文地址:http://www.cnblogs.com/benchan2015/p/4743326.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!