加载中…
个人资料
安之落鱼_米多麻麻
安之落鱼_米多麻麻
  • 博客等级:
  • 博客积分:0
  • 博客访问:32,846
  • 关注人气:97
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
谁看过这篇博文
加载中…
正文 字体大小:

div里的文字左右居中 上下居中

(2017-03-08 15:36:11)
标签:

css

分类: 工作学习

1、左右居中


<</span>style type="text/css">
#MrJin_b {
 position:relative;
 text-align:center;
}
</</span>style>


<</span>div id="MrJin_b">
<</span>a href="http://www.baidu.com/">测试内容</</span>a>
</</span>div>

 

2、上下居中


<</span>style type="text/css">
#div-a{
height:60px;
line-height:60px;
background-color:#999;
}
</</span>style>


<</span>div id="div-a">
aaaaaaaa
</</span>div>

 

3、上下左右居中


<</span>style type="text/css">
#MrJin {
    position:static;
 *position:relative;
    height:300px;
    width:500px;
    border:1px solid #03c;
 *display:block!important;
    display:table!important;
}
#MrJin_a {
    position:static;
 *position:absolute;
    display:table-cell;
    vertical-align:middle;
 *display:block;
    top:50%;
    width:100%;
}
#MrJin_b {
    position:relative;
    top:-50%;
    text-align:center;
    width:100%;
}
</</span>style>


<</span>div id="MrJin">
  <</span>div id="MrJin_a">
    <</span>div id="MrJin_b"> <</span>a href="http://www.baidu.com/">测试内容</</span>a> </</span>div>
  </</span>div>
</</span>div>

 

0

阅读 评论 收藏 禁止转载 喜欢 打印举报
已投稿到:
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有