本文详细介绍了如何使用HTML和CSS实现网页布局中文本与图片的垂直居中，包括单行文本、多行文本以及图片的垂直居中方法。通过设置合适的CSS属性，如line-height、display等，可以轻松实现不同场景下的布局需求。
1.固定DIV块，单行文本水平垂直居中
只要设置line-height为div块的高度以及text-align:center;即可
2.固定DIV块，多行文本垂直居中
在多行文本外包裹一个<span>标签，设置span{display:inline-block;}以及div{display:table-cell;vertical-align:middle;text-align:center;}，该方式同样适用于让图片居中
转载于:https://www.cnblogs.com/Simpler-Blog/p/4505909.html
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
