1. 主页 > 技术信息 > 技术报道 >

div文字垂直居中有方式了！完善兼容各浏览器包

日期：2017-03-08 / 人气： / 来源：网络

一直以来大家都在研究怎么实现div文字垂直（竖直）居中问题，可惜没有好办法，现在有终极解决方法了，堪称完美 ，还支持浮动后的div，代码已测试IE6-9、firefox20、safari5.1.7 、chrome28(webkit)不是Blink，都没问题，代码如下：

 
 
    
  
  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2. 
  
  
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3. 
  
  
  3. <head> 
    4. 
  
  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    5. 
  
  
  5. <title>IT技术网 www.itjs.cn</title> 
    6. 
  
  
  6. <style type="text/css"> 
    7. 
  
  
  7. .wrap{ 
    8. 
  
  
  8.  background: #000; 
    9. 
  
  
  9.  width: 500px;  
    10. 
  
  
  10.  height: 500px; 
    11. 
  
  
  11.  color: #fff; 
    12. 
  
  
  12.  display:table-cell; 
    13. 
  
  
  13.  vertical-align: middle; 
    14. 
  
  
  14.  float:right; 
    15. 
  
  
  15. } 
    16. 
  
  
  16. .verticalWrap{ 
    17. 
  
  
  17.  position: relative; 
    18. 
  
  
  18.  top: 50%; 
    19. 
  
  
  19.   top: 100%; 
    20. 
  
  
  20. } 
    21. 
  
  
  21. .vertical{ 
    22. 
  
  
  22.  text-align: center; 
    23. 
  
  
  23.  position: relative; 
    24. 
  
  
  24.  top: -50%; 
    25. 
  
  
  25.   top: -50%; 
    26. 
  
  
  26. } 
    27. 
  
  
  27. </style> 
    28. 
  
  
  28. </head> 
    29. 
  
  
  29.  
    30. 
  
  
  30. <body> 
    31. 
  
  
  31. <div class="wrap"> 
    32. 
  
  
  32.  <div class="verticalWrap"> 
    33. 
  
  
  33.   <div class="vertical"> 
    34. 
  
  
  34.    IT技术网<br/> 
    35. 
  
  
  35.    itjs.cn<br/> 
    36. 
  
  
  36. 好记，更好用！<br/> 
    37. 
  
  
  37.   </div> 
    38. 
  
  
  38.  </div> 
    39. 
  
  
  39. </div> 
    40. 
  
  
  40.  
    41. 
  
  
  41. </body> 
    42. 
  
  
  42. </html> 
    43.

 效果图：

 

Veritas 宣布推出NetBackup 8.0及360全方位企业数据管理解决方案 推动企业数字化转型

导读：NetBackup 8.0利用企业级规模、性能及广泛的工作负载集成，可为云、虚拟以及物理环境中的数据提供统一的数据保护。

Veritas,NetBackup 8.0,

作者：管理员

上一篇：IT系统迁徙那点事| 若何破解系统在差别硬件设置 ← 下一篇：Veritas 宣布推出NetBackup 8.0及360全方位企业数据管 →

推荐内容 Recommended

相关内容 Related

我们的服务 Our Services

江苏飞浩信息科技有限公司一直致力于专业的数据恢复，信息安全方面等方面工作！随着电脑，网络的普及，数据存储本身的安全就已然成为人们首要关心的问题。存储介质本身会出现故障的绝对性却决定了无论多么优良的存储介质也无法绝对安全的现实。

立即前往 Now Go →

我们的成功案例 Our Successful Cases

江苏飞浩信息科技有限公司自成立以来，一直从事计算机数据恢复、信息安全保障等工作，为了适应信息安全的发展需要，中心引进国际先进的设备和数据恢复技术，并自主开发了适合中国计算机用户的“FehoDisk”数据实时备份产品。中心研发的虚拟RAID软件已经通过相关部门的验收。

立即前往 Now Go →



现在致电4006-2991-90 OR 查看更多联系方式 →

Go To Top 回顶部