当前第2页 返回上一页
HTML如下：
1 2 3 4 | <div class="box">
<span>span多行居中测试<br>span多行居中测试<br>span多行居中测试</span>
<p>p另一个段落元素</p>
</div>
|
css
1 2 3 4 5 6 7 8 9 10 11 12 13 | .box{
display: flex;
width: 500px;
height: 300px;
margin: 50px auto;
border: 2px solid #000;
align-items: center;
}
.box span{
flex: 1;
display: flex;
justify-content: center;
}
|
效果：
相关推荐：CSS教程
以上就是css如何让图片和文字垂直居中对齐的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
最受欢迎的10大css框架
如何自定义video播放器样式？
css span标签里text-indent不起作用是什么原因？
css如何实现不换行
css border-bottom-left-radius属性怎么用
css中rem有什么特点
html+css怎样实现纯文字和带图标的按钮
html中图片显示方式-----img与background的区别
css设置字体的属性有哪些
css的字体样式如何设置
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css如何让图片和文字垂直居中对齐
