700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Html如何设置元素垂直居中? html 中间滚动

Html如何设置元素垂直居中? html 中间滚动

时间:2019-03-29 16:05:27

相关推荐

Html如何设置元素垂直居中? html 中间滚动

案例:

写一个<div>偶是单行文本,偶想垂直居中</div>

效果如图:

2.在<style>中加入CSS样式

<styletype=”text/css”>

div{

height:200px;

line-height:200px;

background:#3fc;

}

</style>

结果如图:

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

案例:

写三个<p>偶是多行文本1,偶想垂直居中</p>

<p>偶是多行文本2,偶想垂直居中</p>

<p>偶是多行文本3,偶想垂直居中</p>

效果如图:

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

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