(box-flex) webapp开发信息流的一种方式
2016-04-20 12:03
477 查看
上图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>box-flex</title>
</head>
<body>
<style>
*{padding: 0;margin: 0}
.test_box {
width: 800px;
margin:0 auto;
text-align: center;
display: -moz-box;
display: -webkit-box;
display: box;
}
.list{height: 100px;color: #fff}
.list_one{
background: blue;
width: 200px;
}
.list_two {
background: red;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}
</style>
<div class="test_box">
<div class="list list_one">img</div>
<div class="list list_two">content</div>
</div>
</body>
</html>
更多相关信息:
http://www.zhangxinxu.com/wordpress/2010/12/css-box-flex属性,然后弹性盒子模型简介/
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>box-flex</title>
</head>
<body>
<style>
*{padding: 0;margin: 0}
.test_box {
width: 800px;
margin:0 auto;
text-align: center;
display: -moz-box;
display: -webkit-box;
display: box;
}
.list{height: 100px;color: #fff}
.list_one{
background: blue;
width: 200px;
}
.list_two {
background: red;
-moz-box-flex: 1;
-webkit-box-flex: 1;
box-flex: 1;
}
</style>
<div class="test_box">
<div class="list list_one">img</div>
<div class="list list_two">content</div>
</div>
</body>
</html>
更多相关信息:
http://www.zhangxinxu.com/wordpress/2010/12/css-box-flex属性,然后弹性盒子模型简介/
相关文章推荐
- 扯谈spring mvc之WebApplicationContext的继承关系
- Spring-MVC理解之一:应用上下文webApplicationContext
- webapp 微信开发适配问题
- spring mvc 源码研究简单笔记--web容器启动加载WebApplicationContext和初始化DispatcherServlet
- Choose unique values for the 'webAppRootKey' context-param in your web.xml files!
- Jersey(1.19.1) - WebApplicationException and Mapping Exceptions to Responses
- AngularJS学习笔记(三) 单页面webApp和路由(ng-route)
- WebApp开发之--"rem"单位(转)
- WebApplicationInitializer (spring 3.x.x以上版本)
- 创建maevn项目的时候报错:maven-archetype-webapp:pom:RELEASE
- web中webAppRootKey作用
- spring设置webAppRootKey
- java web中如何获取spring容器中定义的bean----WebApplicationContext的使用
- 使用ionic开发webapp进行文件上传与下载
- webAPP前端必备知识
- WebApp中的页面生命周期及路由管理
- Eclipse+Maven创建webapp项目
- webAPP前端必备知识
- Spring3.1.1+Jersey2.2+ehcache实现WebApp与服务器接口交互获取令牌及校验过程
- 基于CSS3的WEBAPP横向滑动模式演化