div垂直居中于父容器 box-pack 属性和box-align属性控制
2016-06-05 19:52
387 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> <title></title> <style type="text/css"> div#container { display: -moz-box; display: -webkit-box; -moz-box-align: center; -webkit-box-align: center; -moz-box-pack: center; -webkit-box-pack: center; width: 300px; height: 200px; background-color: pink; } #text-a { background-color: orange; } #text-b { background-color: yellow; } #text-c { background-color: limegreen; } </style> </head> <body> <div id="container"> <div id="text-a">列1</div> <div id="text-b">列2</div> <div id="text-c">列3</div> </div> </body> </html>
相关文章推荐
- 1295 N皇后问题
- 事务的基本概念和事务的性质
- Linux(rhel)根目录下的文件浅析
- C++第七次实验-素数和回文
- python-开发之路-格式化输入
- 《剑指offer》:[17]调整数组顺序使奇数位于偶数面前
- Coursera-Machine Learning(第二周 Linear Regression)
- KDB调试内核
- xcode 不值钱的动画UIImageView
- windows搭建solr5.4.1全文搜索引擎
- hdu2167(压缩DP)
- 详解--访问HDFS的几种方式
- c++第7次实验——最大公约和和最小公倍数
- HDU1950-Bridging signals(最长上升子序列)
- C++第七次上机作业
- 各种常用计算机视觉库
- ubuntu禁用guest账户
- C++之关联容器(associative - container)简介
- JavaScript与FireFox的不解之缘——错误处理与调试
- C++作业7—最大公约和和最小公倍数/特殊三位数