html中内容垂直水平居中

最新推荐文章于 2023-08-13 16:47:55 发布

hellorichen

最新推荐文章于 2023-08-13 16:47:55 发布

阅读量393

点赞数 1

分类专栏：网站前台文章标签： html 水平垂直

本文链接：https://blog.csdn.net/hellorichen/article/details/78727655

版权

网站前台专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style type="text/css">
   * { margin:0; padding:0; list-style:none; font-size:14px;}
   html { height:100%;}
   body { height:100%; text-align:center;}
   .centerDiv { display:inline-block; zoom:1; *display:inline; vertical-align:middle; text-align:center; width:200px; padding:10px; font-size:14px; color:#929292;}
   .hiddenDiv { height:100%; overflow:hidden; display:inline-block; width:1px; overflow:hidden; margin-left:-1px; zoom:1; *display:inline; *margin-top:-1px; _margin-top:0; vertical-align:middle;}
  </style>
 </head>
 <body>

  <div class="centerDiv">
   暂无数据
  </div><div class="hiddenDiv"></div>

 </body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hellorichen

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
html中内容垂直水平居中

* { margin:0; padding:0; list-style:none; font-size:14px;} html { height:100%;} body { height:100%; text-align:center;} .centerDiv { display:inline-block; zoom:1; *display:inline; vertical-al
复制链接

扫一扫