css里上下居中怎么弄？
导读： 单行的行内元素 只需要设置单行行内元素的"行高等于盒子的高"即可； #father{ width:500px; height:300px; background-color:skyblue;...
单行的行内元素
只需要设置单行行内元素的"行高等于盒子的高"即可；
#father{
width:500px;
height:300px;
background-color:skyblue;
}
#son{
background-color:green;
height:300px;
}
我是单行的行内元素
效果：
1556519521438598.jpg
多行的行内元素
使用给父元素设置display:table-cell;
和vertical-align:middle;
即可；
#father{
width:500px;
height:300px;
background-color:skyblue;
display:table-cell;
vertical-align:middle;
}
#son{
background-color:green;
}
我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素我是多行的行内元素
本文转载自中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： css里上下居中怎么弄？
本文地址： https://pptw.com/jishu/664751.html