CSS3 box-align 属性

转载 2015年11月19日 11:34:46


通过使用 box-align and box-pack 属性,居中 div 框的子元素

http://www.w3school.com.cn/cssref/pr_box-align.asp

div
{
width:350px;
height:100px;
border:1px solid black;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari、Opera 以及 Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
}


相关文章推荐

css3盒子布局--管理盒子的空间(box-pack和box-align)

css3定位布局-管理盒子的空间(box-pack和box-align) body,html{    width:100%; height:100%; } body{ margin:0; paddi...
  • xyy_933
  • xyy_933
  • 2016年05月04日 15:48
  • 444

CSS3 box-sizing属性和IE盒模型

盒模型是CSS中很重要的概念,但很多人不知道的是IE5.5及更早的IE浏览器采用的不是标准盒模型,我们称之为IE盒模型。标准盒模型的组成部分有:margin + border + padding + ...

CSS3的box-sizing属性详解

随着浏览器对HTML5及CSS3的支持,在移动端及自适应页面中CSS3.0发挥着很大优势; 下面我来给大家讲下CSS3.0的属性之一——box-sizing;          首先我们...

CSS3新增的弹性盒模型(Flexible Box)属性

CSS3新增的弹性盒模型(Flexible Box)

CSS3 Box-sizing属性以及解决兼容性的一些做法

box-sizing是CSS3的box属性之一。一说到CSS的盒模型(Box model)我想很多人都会比较烦,特别是对于新手,然而这个Box model又是我们CSS运用中比较重要的一个属性。那...

CSS3新属性box-flex移动端利器

未经允许,不得转载! 水平有限,不周之处欢迎指正、交流! box-flex{value}属性规定框的子元素是否可伸缩其尺寸。可伸缩元素能够随着框的缩小或扩大而缩写或放大。只要框中有多余的空间,可伸...
  • ime33
  • ime33
  • 2017年01月14日 11:43
  • 691

css3的box-shadow属性实现进条效果

在css3中有个box-shadow属性,字面上的意思就是盒模型的阴影效果,但是实际用起来不仅仅是这句话而已,其有很多状态值,在这里一一解说下。 完整的说一个box-shadow有6个属性值可供设置...

css3教程:box-sizing属性

说到 IE 的 bug,在 IE6以前的版本中,IE对盒模型的解析出现一些问题,跟其它浏览器不同,将 border 与 padding 都包含在 width 之内。而另外一些浏览器则与它相反,是不包括...
  • Ylxin
  • Ylxin
  • 2012年11月15日 19:14
  • 320

CSS3属性之二:box-shadow

 语法:box-shadow:    || 取值:  ? ? || :阴影水平偏移值(可取正负值);阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色 说明:设置块阴影box-shadow这个属性应用...

Css3属性box-sizing

Css3属性box-sizing属性练习
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS3 box-align 属性
举报原因:
原因补充:

(最多只允许输入30个字)