图片垂直居中之姊妹 DIV垂直居中
导读:收集整理的这篇文章主要介绍了图片垂直居中之姊妹 DIV垂直居中,觉得挺不错的,现在分享给大家,也给大家做个参考。 最后感谢raozou分享效果代码! [Ctrl+A 全选 注:...
收集整理的这篇文章主要介绍了图片垂直居中之姊妹 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需再刷新一下页面才能执行]
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 图片垂直居中之姊妹 DIV垂直居中
本文地址: https://pptw.com/jishu/606508.html