已掉线,重新登录

首页 > 绿虎论坛 > 建站 > 主机 (发帖)

标题: 求助一下

作者: @Ta

时间: 2015-06-28

点击: 2135

如何才能实现一个文字居中于屏幕最中间,不是居中在顶部那种,左右要居中,上下要居中那种。谁会?求教

[隐藏样式|查看源码]


『回复列表(3|隐藏机器人聊天)』

1. CSS控制就像这样。。
<style type="text/css">

div {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}
</style>
<div>让层垂直居中于浏览器窗口</div>

其实解决的思路是这样的:首们需要position:absolute;绝对定位。而层的定位点,使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。

如:一个层宽度是400,高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为-150。margin-left的值为-200。这样我们就实现了层垂直居中于浏览器的样式编写 

注:上面的是一般用于垂直居中与浏览器,想解决div垂直居中与外层div的话,只需要给外层div加上position:relative;就好了;记住,外层div要设定高度和宽度
(/@Ta/2015-06-28 21:43//)

2. @ponyoung,谢谢啦
(/@Ta/2015-06-29 07:47//)

3. 固定高度好做:
.div{height:400px;
padding:200px;}
(/@Ta/2015-06-29 07:52//)

回复需要登录

8月29日 05:08 星期五

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1