关于垂直居中

  对<p>垂直居中设置齐父级<div 1>样式: vertical-align: middle;display: table-cell; 同时设置 <div 1>的父级<div 2>display:table;

一、垂直居中样式

  对<p>垂直居中设置齐父级<div 1>样式: vertical-align: middle;display: table-cell; 同时设置 <div 1>的父级<div 2>display:table;

  <div  class="2">

    <div class="1"><p>垂直居中的p</p></div>

  </div>

二、水平居中

  <p>设置 text-align: center; 

 

  ps:原来一用的一种笨办法是给div 1设置一个等于div 2 一半高度减去p高度的 padding-top;........=_=

参考:水平垂直居中图片及文字(兼容IE6+)

posted @ 2017-02-23 11:47  半天的半天  阅读(144)  评论(0编辑  收藏  举报