欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS3 >

Css3中box-pack属性详解

 

div中的子元素同时使用box-alignbox-pack的居中属性:

div

{

width:350px;

height:100px;

border:1px solid black;

/* Internet Explorer 10 */

display:-ms-flexbox;

-ms-flex-pack:center;

-ms-flex-align:center;

/* Firefox */

display:-moz-box;

-moz-box-pack:center;

-moz-box-align:center;

/* Safari, Chrome, and Opera */

display:-webkit-box;

-webkit-box-pack:center;

-webkit-box-align:center;

/* W3C */

display:box;

box-pack:center;

box-align:center;

}

目前主流浏览器都不支持box-pack属性。

Internet Explorer 10 使用 -ms-flex-pack property 属性来代替支持。

Firefox通过私有属性- MOZ-box-pack支持。

Safari, Opera, Chrome 通过私有属性 -webkit-box-pack 支持.

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css3-style/c37488.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2017-08-13 02:12 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。