DIV+CSS让文字垂直居中

六眼飞鱼酱① 提交于 2020-03-11 13:12:57

1. line-height  =  height

2. 模拟表格,用 display: table-cell,然后 vertical-align: middle;
ie6不支持。 hack

<div style="display:table">
<span style="display:table-cell;vertical-align:middle;">
多行文本
</span>
</div>



<div class="c1">
<div class="c2">
<span class="c3">
text
</span>
</div>
</div>

<style type="text/css">  
  .c1 {   
    width:500px;   
    height:500px;   
    _position:relative;   
  }   
  .c2 {   
    _position:absolute;   
    _top:50%;   
  }   
  .c3 {   
    _position:relative;   
    _top:-50%;   
  }   
</style>

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!