繁體
用户注册 登录
客家风情——客家人·客家网 HakkaOnline.com 返回首页

未名扁舟的个人空间 https://www.hakkaonline.com/?1 [收藏] [复制] [分享] [RSS]

日志

实现div容器垂直居中的方法

已有 759 次阅读2008-7-18 22:43

<style type="text/css">

 body {word-break : break-all; }

 div#wrap {
  display:table;
  border:0px;
  width:70px;
  height:38px;
  text-align:left;
  _position:relative;
  overflow:hidden;
  }

 div#subwrap {
  vertical-align:middle;
  display:table-cell;
  _position:absolute;
  _top:50%;
 }

 div#content {
  _position:relative;
  _top:-50%;
 }

</style>

<div id="wrap"><div id="subwrap"><div id="content">
乌鲁木齐乌鲁木齐乌鲁木齐
</div></div></div>

参考:http://www.51xweb.com/html/design/divcss/20080711/514.html


路过

雷人

鸡蛋

握手

鲜花

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 用户注册

存档|手机版|返回页顶|客家风情——客家人·客家网 HakkaOnline.com

GMT+8, 2024-3-29 16:09 , Processed in 0.008940 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.5

Copyright © 2024 https://www.hakkaonline.com

手机扫码访问
返回顶部