• 郑州网站建设-郑州网站设计-河南网站建设-手机建站-郑州建站

  • 专注网站建设 品牌的力量 值得信赖

    服务热线: 0371-63248369/15136144056

当前位置:首页 > 建站知识 > 网站设计观点 > 正文

网站设计:文字垂直居中CSS代码

发布时间:2018年10月18日 08:07 | 发布者:新速科技 | 浏览次数:132次

由于这种样式很少用到,因此不知道改怎么去写,所以就借鉴网站上的代码,但是好用的能用的却不多。经过测试,这个代码有用,可以将DIV中的文字垂直居中


CSS代码

    <style type="text/css">    
      .div {    
        height:400px;    
        display:table;    
      }    
      .div2 {    
        vertical-align:middle;    
        display:table-cell;    
      }    
    </style>
HTML代码

    <div class="div">    
      <div class="div2">这里是文字内容,或者P标签换行标签内容,可以是多行</div>
    </div>
很简单很简洁,这段内容可以直接出现在400px高度的中间。做网站设计的朋友们,直接拿去用把~