<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
<style>
????*{margin:0;?padding:0;}
????div{width:100px;height:100px;background-color:orange;
????????position:absolute;margin:0?auto;
????}
</style>
</head>
<body>
????<div></div>
</body>
</html>
3 回答
已采納
-
yangwwei謝謝解答！ 嘗試了left:0;right:0;但沒有任何改變。。如果設成left：%50-50px為什么也不行呢？？ -
qq_青棗工作室_0我的方法可以居中啊。如果你要用CSS計算表達式，可以這樣用 left: -webkit-calc(50% - 50px); <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin:0; padding:0;} div{width:100px;height:100px;background-color:orange; position:absolute;margin:0 auto; left:0; right: 0; } </style> </head> <body> <div></div> </body> </html>
-
yangwwei要使得居中必須margin:0 auto;也要有。。。這是為什么呢？？
添加回答
舉報
0/150
提交
取消