当前位置:学会吧培训频道电脑知识学习网页制作网页特效代码用CSS实现文字垂直居中的代码» 正文

用CSS实现文字垂直居中的代码

[08-08 00:47:09]   来源:http://www.xuehuiba.com  网页特效代码   阅读:8204
概要:电脑术语解释大全 http://www.xuehuiba.com<style type="text/css"><!--.con_div{width:400px;height:300px;border:1px solid #777;text-align:center;display:table-cell;vertical-align:middle;background:red;color:#fff}/*FOR IE*/.knowsky{width:0;height:100%;display:inline-block;vertical-align:middle;}--></style><div class="con_div"><span class="knowsky"></span>测试内容</div>电脑术语解释大全 http://www.xuehuiba.com
用CSS实现文字垂直居中的代码,标签:网页图像特效代码,网页特效代码下载,http://www.xuehuiba.com
电脑术语解释大全 http://www.xuehuiba.com

<style type="text/css">
<!--
.con_div{
width:400px;
height:300px;
border:1px solid #777;
text-align:center;
display:table-cell;
vertical-align:middle;
background:red;
color:#fff
}
/*FOR IE*/
.knowsky{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
-->
</style>

<div class="con_div">
<span class="knowsky"></span>
测试内容

</div>

电脑术语解释大全 http://www.xuehuiba.com
Tag:网页特效代码网页图像特效代码,网页特效代码下载电脑知识学习 - 网页制作 - 网页特效代码
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13