当前位置: 编程技术>WEB前端
图片垂直居中之姊妹 DIV垂直居中
来源: 互联网 发布时间:2014-10-04
本文导语: 最后感谢raozou分享效果代码! [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]说明:这段代码没有文档类型和命名空间的申明,我已试过,如果加上,蓝色方快儿将位于顶部且一部分被浏览器隐藏,大家可以试试!此外,FF不支持ex...
最后感谢raozou分享效果代码!
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
说明:这段代码没有文档类型和命名空间的申明,我已试过,如果加上,蓝色方快儿将位于顶部且一部分
被浏览器隐藏,大家可以试试!此外,FF不支持expression.
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
说明:这段代码没有文档类型和命名空间的申明,我已试过,如果加上,蓝色方快儿将位于顶部且一部分
被浏览器隐藏,大家可以试试!此外,FF不支持expression.
DIV垂直居中
#menu
{
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -150px;
color:blue;
width: 300px;
height: 50px;
border:solid 1px gray;
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
DIV垂直居中
#menu
{
position: absolute;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -150px;
color:blue;
width: 300px;
height: 50px;
font-weight:bold;
border:solid 1px gray;
line-height:50px;
font-size:20px;
text-align:center;
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]