首页前端开发CSS图片垂直居中之姊妹 DIV垂直居中

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

时间2024-02-09 05:36:02发布访客分类CSS浏览910
导读:收集整理的这篇文章主要介绍了图片垂直居中之姊妹 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
css列表前的小方块 解决div被flash挡住的设置方法

游客 回复需填写必要信息