首页 > 代码库 > 居中百分比宽高的元素(司徒正美的例子)
居中百分比宽高的元素(司徒正美的例子)
以前工作碰到这个问题，但不知道具体怎么解决，看了正美的博客测试下，果然有效，
<!DOCTYPE html><html> <head> <title>百分比居中</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> .center { position: absolute; left: 50%; top: 50%; /*Internet Explorer 10、Firefox、Opera 支持 transform 属性。*/ transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);/* Safari and Chrome */ -moz-transform:translate(-50%,-50%); /* Firefox */ -ms-transform:translate(-50%,-50%); /* IE 9 */ -o-transform:translate(-50%,-50%);/* Opera */ /* 甚至不要定义 比如：Height 可以缺省! */ width: 40%; height: 50%; /*height: auto;*/ background: red; } </style> </head> <body> <div class="center">11111111111</div> </body></html>
可以参考
居中百分比宽高的元素(司徒正美的例子)
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。