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

happy漂泊的人

happy漂泊的人

2016-02-19 19:40

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享用CSS实现文字垂直居中的代码,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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*/
.webjx{
width:0;
height:100%;
display:inline-block;
vertical-align:middle;
}
--
/style
div class="con_div"
span class="webjx"/span
测试内容
/div

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

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

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

用CSS实现垂直居中的3种方法

Web开发
用CSS实现垂直居中的3种方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页布局 CSS简单实现垂直居中

Web开发
网页布局 CSS简单实现垂直居中

网页制作实例:用CSS实现图片垂直居中方法

Web开发
网页制作实例:用CSS实现图片垂直居中方法

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS实现DIV内容垂直及水平居中

Web开发
CSS实现DIV内容垂直及水平居中

CSS实现未知高度图文混合垂直居中

Web开发
CSS实现未知高度图文混合垂直居中

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用CSS实现背景半透明效果的方法实现

用CSS实现背景半透明效果的方法实现

MAC下如何将Dock 栏图标变成实时系统监控器

MAC下如何将Dock 栏图标变成实时系统监控器
下拉加载更多内容 ↓