使用CSS 3,有什么办法垂直对齐块元素?你有例子吗?
谢谢。
谢谢。
解决方法
最近看了这个问题,并尝试:
HTML:
<body> <div id="my-div"></div> </body>
CSS:
#my-div { position: absolute; height: 100px; width: 100px; left: 50%; top: 50%; background: red; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
这里是小提琴:
它甚至可以在使用“width / height:auto”时,在固定尺寸的位置。在Firefox,Chrome和IE(* gasp *)的最新版本上测试。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。