网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
html吧 关注：182,133贴子：1,338,818
  • 13回复贴，共1页

如何让一个100*100的DIV框显示在屏幕正中央，上下左右都居中？

我自己现在只会弄到这种效果，但是好像上下居中不知道这么弄才能自适应，求教！
只用DIV+CSS的方法来弄。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#box{
width: 100px;
height: 100px;
border: #000 solid 2px;
margin: 0 auto;
margin-top: 300px;
}
</style>
</head>
<body>
<div id="box"></div>
</body>
</html>
效果就像这样：


margin:300px auto;让他上下都是300对齐就行了啊


2025-11-07 12:43:47
广告
不感兴趣
开通SVIP免广告
用绝对定位做


楼上那种方法也行，position


上下只能挤、要严谨的话得用脚本吧。


<!--
这种方法有很多
css精品贴就有
百度也很多

-->
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*
{
margin:0;
padding:0;
}
#box
{
width:100px;
height:100px;
border:2px solid #000;
/*
margin: 0 auto;margin-top: 300px;
*/
position:absolute;
top:50%;
left:50%;
z-index:1;
margin:-50px 0 0 -50px;
}
</style>
</head>
<body>
<div id="box"></div>
</body>
</html>


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 13回复贴，共1页
分享到: