css3弹性盒子

最新推荐文章于 2017-01-09 16:27:50 发布

啊哈前端

最新推荐文章于 2017-01-09 16:27:50 发布

阅读量472

点赞数 1

分类专栏： css3 文章标签： css3 弹性盒子

本文链接：https://blog.csdn.net/wuzhe128520/article/details/50148579

版权

css3 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>css3弹性盒子</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
	.container {
		width: 1000px;
		display: -webkit-box;  
		display: -moz-box;
		-webkit-box-orient: horizontal; /*设置盒子方向为水平方向*/
		-moz-box-orient: horizontal;
	}
	.box {
		background: #357c96;
		font-weight: bold;
		margin: 2px;
		padding: 20px;
		color: #fff;
		font-family: Arial, sans-serif;
	}
</style>
</head>
<body>
    	<div class="container">
    		<div class="box">超实用的css代码段</div>
    		<div class="box">超实用的jquery代码段</div>
    		<div class="box">超实用的javascript代码段</div>
    		<div class="box">超实用的html代码段</div>
    	</div>
</body>
</html>