css中box-align和box-pack屬性的怎么用-創(chuàng)新互聯(lián)
這篇文章給大家分享的是有關(guān)css中box-align和box-pack屬性的怎么用的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)建站是一家專業(yè)提供
武穴企業(yè)網(wǎng)站建設(shè),專注與
網(wǎng)站制作、網(wǎng)站建設(shè)、
H5建站、小程序制作等業(yè)務(wù)。10年已為武穴眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。
css中的box-align與box-pack屬性可以用來設(shè)置框內(nèi)元素的位置。
注意： 需要對齊的元素的父元素dispaly的值必須為box
box-align值為center時，子元素為垂直居中
box-pack 屬性規(guī)定當(dāng)框大于子元素的尺寸，在何處放置子元素。該屬性規(guī)定水平框中的水平位置，以及垂直框中的垂直位置。
對于水平框，box-pack值為center時，子元素水平居中
HTML代碼：
div1
CSS代碼：
div{
border: solid black 1px;
}
#parent1{
width: 100%;
height: 500px;
display: -webkit-box;
display: -moz-box;
-webkit-box-align: center;
-moz-box-align: center;
-moz-box-pack: center;
-webkit-box-pack: center;
}當(dāng)box-pack值為justify時，子元素分散對齊
HTML代碼：
div2
重慶分公司
重慶分公司
