CSS3 box-align 属性

最新推荐文章于 2025-11-24 00:19:04 发布

转载最新推荐文章于 2025-11-24 00:19:04 发布 · 584 阅读

文章标签：

#css3

css3 专栏收录该内容

17 篇文章

订阅专栏

本文详细介绍了使用CSS的box-align和box-pack属性来精确控制div框内子元素的布局和居中方式，适用于网页设计与前端开发人员。

通过使用 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;
}