CSS3集箱包箱将保持在div元素垂直

只要纸盒包装,盒对齐的元素都成立,这两个属性是目前支持Webkit和Moz。如果你想设置垂直中心,你只需要设置这两个属性的值居中,你可以参考你需要的朋友。




针对垂直中心以前的方法是设置div的高度和线的高度是相同的值,而现在你不必这么麻烦,只要你把盒子包装盒对齐的元素,这两个属性是目前只有Webkit和Moz的支持。在纸箱包装控件的左、右水平,价值观是:开始(左)、中心(中),和结束(Ju你)。箱值对齐:开始(上),中心(鞠中)、端(下)。如果我们想要建立的垂直中心,我们只需要设置这两个属性的值为中心。当然,这是使用CSS3的箱体布局的前提下,与外部元件的显示设置框

复制代码代码如下所示:

#容器{
显示:框;
显示:WebKit的盒子;
显示:-moz盒;
宽度:800px;
身高:200px;
边境:1px solid # CCC;
WebKit的纸盒包装:中心;
-moz包:中心;
Webkit框对齐:中心;
-moz盒对齐:中心;
}
# DIV1 {
背景:橙色;
}
# DIV2 {
背景:黄色;
}
# div3 {
背景:绿色;
}




专栏1
专栏2
专栏3