100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html5图片和两行文字垂直居中显示 何如让文字跟图片垂直居中对齐

html5图片和两行文字垂直居中显示 何如让文字跟图片垂直居中对齐

时间:2024-06-06 05:52:27

相关推荐

html5图片和两行文字垂直居中显示 何如让文字跟图片垂直居中对齐

1.来点花的吧:after占位

1111111

.box{

height: 400px;

}

.box:after{

content:'';

width:0;

height:100%;

display:inline-block;

vertical-align:middle;

}

img{

vertical-align:middle;

display:inline-block;

}

2.display:inline-block

.ul2 li{

display: inline-block;

*display: inline;

vertical-align: middle;

}

.ul2 li img{

vertical-align: middle;

}

1111

3.display:table-cell

.ul1 li{

display: table-cell;

vertical-align: middle;

}

.ul1 li img{

vertical-align: middle;

}

11111

4.display:flex,有人说了

5.display:table

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。