a标签内容在div中垂直居中，不兼容低版本浏览器
2014-08-12 12:38
585 查看
<!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>
<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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- div的内容图片垂直居中代码（兼容多浏览器）
- div的内容图片垂直居中代码（兼容多浏览器）
- div的内容图片垂直居中代码（兼容多浏览器）
- 一段DIV内容垂直的代码,兼容各种浏览器
- 纯js实现Div在页面垂直居中！可根据浏览器大小的改变而改变！兼容各种浏览器----神器版！
- CSS中如何把Span标签等行内元素设置为固定宽度及div中内容垂直居中
- 未知高度定宽div水平居中及垂直居中（兼容ie6及其他牛逼浏览器）
- 一段DIV内容垂直的代码,兼容各种浏览器
- HTML标签内的连接、文本、垂直居中 兼容绝大部分浏览器
- DIV水平垂直居中 兼容多种浏览器
- 纯css实现DIV以及图片水平垂直居中兼容多种浏览器（实现过程）
- 用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
- 固定宽高的div在浏览器中垂直居中
- 纯css完美地解决图片在div内垂直水平居中，兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- 兼容IE6,IE7,IE8,Firefox,Chrome，DIV+CSS垂直居中终于失败，最后三分钟用写了几行JS解决，经简单测试，还行。
- css中设置div为透明，及内容垂直居中
- 浏览器兼容CSS代码：按钮文字垂直居中(input button text vertical align)
- 如何让div中的内容垂直居中
- 通用垂直居中方法兼容各浏览器-改进