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让div里面的元素垂直居中

Document #container{ display: box; display: -webkit-box; display: -...
  • wstpa
  • wstpa
  • 2015年10月10日 11:02
  • 1309

css3 box-pack box-align 居中

原来水平垂直居中写法为:height=line-height 实现垂直居中    text-align 实现水平居中 现在 使用   box-align 实现垂直居中  box-pack 实现水平居...
  • ISaiSai
  • ISaiSai
  • 2014年03月04日 11:20
  • 2543

css3 box-orient box-pack box-align

box-pack 属性规定当框大于子元素的尺寸,在何处放置子元素。 box-pack: start|end|center|justify; box-orient 属性规定框的子元素应该被水平或垂直...
  • NARUTO_LUOLUO
  • NARUTO_LUOLUO
  • 2016年04月29日 14:36
  • 602

box-align和box-pack的使用

通过使用 box-align(垂直) and box-pack(水平) 属性,居中 div 框的子元素:(1)这样可以很简单的模拟对话框水平居中效果一: 1、目前没有浏览器支持box-align属性...
  • Seety_ST
  • Seety_ST
  • 2016年01月20日 16:15
  • 852

CSS3常用属性及效果汇总

本篇主要说了一些CSS3的常用新属性,并附上了代码及效果展示,内容包含了边框的圆角,阴影等效果,背景的增强型功能,文本效果改变等内容。...
  • lyznice
  • lyznice
  • 2017年01月06日 20:14
  • 2159

css3高级属性

css3高级属性
  • haihiaandtongtong
  • haihiaandtongtong
  • 2017年03月03日 15:11
  • 256

CSS3理解display属性

display属性定义: 可以将页面元素隐藏或者显示出来,也可以将元素强制改成块级元素或内联元素,在页面布局和JavaScript特效中常常用到display属性。display属性值:none | ...
  • qq_36009964
  • qq_36009964
  • 2017年08月09日 00:39
  • 233

CSS3属性名大全

:active additive-symbols ::after (:after) align-content align-items align-self all
  • itpinpai
  • itpinpai
  • 2015年08月15日 12:15
  • 3521

h5新增标签及css3新增属性

面试中经常被问,支支吾吾的老是答不全!!血泪教训,决定记下来!- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canv...
  • qq_37811211
  • qq_37811211
  • 2017年03月08日 19:43
  • 5790

10、CSS3-过渡属性

01、CSS3-过渡属性 transition: property duration timing-function delay; transition-property:过渡属性的名称 transi...
  • chuipaopao163
  • chuipaopao163
  • 2016年08月07日 09:15
  • 336
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS3 box-align 属性
举报原因:
原因补充:

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