大家好，今天小编关注到一个比较有意思的话题，就是关于网页设计div垂直居中的问题，于是小编就整理了1个相关介绍网页设计div垂直居中的解答，让我们一起看看吧。

1. Html如何设置元素垂直居中？

1、Html如何设置元素垂直居中？

1.单行文本是通过设置父元素的 height 和 line-height 高度一致来完成的，其中height是指元素的高度, line-height 是指行间距。

案例：

写一个lt;divgt;我是单行文本，我想垂直居中lt;/divgt;

效果如图：

2.在lt;stylegt;中加入CSS样式

lt;style type="text/css"gt;

div{

height: 200px;

line-height:200px;

background: #3fc;

}

lt;/stylegt;

结果如图:

3.父元素的高度确定，table标签包裹然后设置vertical-align：middle

案例：

写三个lt;pgt; 我是多行文本1，我想垂直居中lt;/pgt;

lt;pgt; 我是多行文本2，我想垂直居中lt;/pgt;

lt;pgt; 我是多行文本3，我想垂直居中lt;/pgt;

效果如图：

4.table（因为td 标签默认情况下就默认设置了 vertical-align 为 middle。所以不用重新再写 vertical-align:middle）标签包裹代码设置和效果图如下：

到此，以上就是小编对于网页设计div垂直居中的问题就介绍到这了，希望介绍关于网页设计div垂直居中的1点解答对大家有用。