Python语言技术文档

微信小程序技术文档

php语言技术文档

jsp语言技术文档

asp语言技术文档

C#/.NET语言技术文档

html5/css技术文档

javascript

点击排行

您现在的位置:首页 > 技术文档 > CSS

图片垂直居中之姊妹 DIV垂直居中

来源:中文源码网    浏览:278 次    日期:2024-03-26 23:47:06
【下载文档:  图片垂直居中之姊妹 DIV垂直居中.txt 】


图片垂直居中之姊妹 DIV垂直居中
最后感谢raozou分享效果代码!


[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需刷新才能执行]
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需刷新才能执行]

相关内容