首页 > 其他 > 详细

a标签内容在div中垂直居中,不兼容低版本浏览器

时间:2014-08-12 16:07:24      阅读:403      评论:0      收藏:0      [点我收藏+]

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>

<style>
.box{width:100px;height:200px;background:orange;border:2px solid #ccc;display: table;}
.box a{display:table-cell;vertical-align:middle;}
</style>

<body>

<div class="box"><a href="#">这是一些内容吧这是一些内容吧</a></div>


</body>
</html>

 

bubuko.com,布布扣

a标签内容在div中垂直居中,不兼容低版本浏览器,布布扣,bubuko.com

a标签内容在div中垂直居中,不兼容低版本浏览器

原文:http://www.cnblogs.com/zion0707/p/3907042.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!