介绍 & lt; div id=皃arent1"比;
,,,& lt; div id=癲iv1"比;
,,,,,,div1
,,,& lt;/div>
& lt;/div> ,div {
,,,边界:,solid black 1 px;
}
# parent1 {
,,,宽度:,100%;
,,,身高:,500 px;
,,,显示:,-webkit-box;
,,,显示:,-moz-box;
,,,-webkit-box-align:,中心;
,,,-moz-box-align:,中心;
,,,-moz-box-pack:,中心;
,,,-webkit-box-pack:,中心;
} & lt; div id=皃arent2"比;
,,,& lt; div id=癲iv2"比;
,,,,,,div2
,,,& lt;/div>
,,,& lt; div id=癲iv3"比;
,,,,,,div3
,,,& lt;/div>
,,,& lt; div id=癲iv4"比;
,,,,,,div4
,,,& lt;/div>
,,,& lt; div id=?“比;
,,,,,,div5
,,,& lt;/div>
,,,& lt; div id=癲iv6"比;
,,,,,,div6
,,,& lt;/div>
& lt;/div> ,# parent2 {……
,,,宽度:,100%;
,,,身高:,500 px;
,,,显示:,-webkit-box;
,,,显示:,-moz-box;
,,,-webkit-box-align:,中心;
,,,-moz-box-align:,中心;
,,,-moz-box-pack:,证明;
,,,-webkit-box-pack:,证明;
}
这篇文章给大家分享的是有关css中box-align和box-pack属性的怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
css中的box-align与box-pack属性可以用来设置框内元素的位置。
注意:需要对齐的元素的父元素显示的值必须为框
box-align值为中心时,子元素为垂直居中
box-pack属性规定当框大于子元素的尺寸,在何处放置子元素。该属性规定水平框中的水平位置,以及垂直框中的垂直位置。
对于水平框,box-pack值为中心时,子元素水平居中
HTML代码:
CSS代码:
当box-pack值为证明时,子元素分散对齐
HTML代码:
CSS代码:
效果如下:
感谢各位的阅读!关于“css中box-align和box-pack属性的怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
