为了账号安全,请及时绑定邮箱和手机立即绑定

怎么将下面的代码中的文字设置成为垂直居中,就用css样式,不用表格,不用定位,有没有,求教???

怎么将下面的代码中的文字设置成为垂直居中,就用css样式,不用表格,不用定位,有没有,求教???

45632346 2017-08-27 00:10:59
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>定宽块状元素水平居中</title> <style> .p1{background-color:#09C;height:500px;vertical-align:middle;} .p2{ display:inline-block; background-color:#666; } </style> </head> <body> <div class="p1">   <div class="p2"><span>垂直居中垂直居中垂直居中垂直居中垂直居中 </span></div> </div> </body> </html>
查看完整描述

2 回答

已采纳
?
橋本奈奈未

TA贡献436条经验 获得超108个赞

设置元素的line-height为你的height值,height可省略;如果你span元素没什么特殊作用可去除

查看完整回答
反对 回复 2017-08-27
?
Yexiaomo

TA贡献152条经验 获得超157个赞

文字垂直居中, 把放置文字容器的 height 和 line-height 设成一样就行了

height:25px;   
line-height:25px;

像你上面的,这样就行了

.p2{
    display:inline-block;
    background-color:#666;
    height: 500px;
    line-height: 500px;
}


查看完整回答
反对 回复 2017-08-27
  • 2 回答
  • 0 关注
  • 1411 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信