1个大div,4个小div，让4个小div置于大div的中间，上面2个，下面2个。
.divcss_main {
margin:0 auto;
width:800px;
height:600px;
border:1px solid #F00
}
#div1{
cursor: pointer ;
height:100px;
width:200px;
border:1px solid #000;
}
#div2{
cursor: pointer ;
height:100px;
width:200px;
border:1px solid #000;
}
#div3{
cursor: pointer ;
height:100px;
width:200px;
border:1px solid #000;
}
#div4{
cursor: pointer ;
height:100px;
width:200px;
border:1px solid #000;
}
</style>
</head>
<body>
<div class="divcss_main" align="center">
<div id='div1' onmouseover="this.className='change'" onmouseout="this.className='normal'" >放上来就变色</div>
<div id='div2' onmouseover="this.className='change'" onmouseout="this.className='normal'" >放上来就变色</div>
<div id='div3' onmouseover="this.className='change'" onmouseout="this.className='normal'" >放上来就变色</div>
<div id='div4' onmouseover="this.className='change'" onmouseout="this.className='normal'" >放上来就变色</div>
</div>
</body>
</html>
同时让4个小div中的字放在小div的正中央，水平垂直居中，谢谢！
.max{
text-align:center; /*文字水平居中*/
line-height:100px; /*文字垂直居中*/
width:200px;
height:300px;
border:1px solid red;
}
.top1{
text-align:center;
width:100px;
height:100px;
background:#069;
float:left;
margin-top:50px;
}
.top2{
text-align:center;
width:100px;
height:100px;
background:#69F;
float:left;
margin-top:50px;
}
.bottom1{
text-align:center;
width:100px;
height:100px;
background:#39F;
float:left;
}
.bottom2{
text-align:center;
width:100px;
height:100px;
background:#996;
float:left;
}
</style>
<body>
<div class="max">
<div class="top1">1</div>
<div class="top2">2</div>
<div class="bottom1">3</div>
<div class="bottom2">4</div>
</div>
</body>
看看是不是你想要的效果 :)
效果图：
给4个小div加上属性line-height:100px;这样div中的文本也水平居中了。
方法有多种，自己好好研究吧，你对css应该还不是很了解，建议多看多做。
四个小读什么?
释义：1.无妻或丧妻的男人：～夫。～处（chǔ）。～居。 2.古书上说的一种大鱼。问题八：1个大div,4个小div，让4个小div置于大div的中间，上面2个，下面2个。 .max{ text-align:center; \/*文字水平居中*\/ line-height:100px; \/*文字垂直居中*\/ width:200px; height:300px; border:...
用dw做一个大盒子,大盒子中间有四个小盒子分别居中。怎么做
1、首先在打开的DW网页制作软件中，点击代码在div id中间取一个名字，如下图所示。2、接着可以给图片，文字盒子取名字，如下图所示。3、取名字的作用就是调整，如下图所示就是进行盒子跳转的操作。4、然后进行网页预览，如下图所示点击国情简介，就完成了 。
css 一个div里套了四个小div 如何让他们自动分配间距,高度被设定的情况...
必须在父元素上面加上display:box; 才可以对子元素进行规则划分。box-flex:1;这里的 1 指的是比例 。如：<!DOCTYPE html><head> <title><\/title> <style> .box { width: 200px; \/*宽度没有限制*\/ height: 200px; display: -webkit-box; \/*这个必须要有*\/ -webkit...
怎样让一个大DIV里的四个小DIV上下左右分布?
.xinzeng2,.xinzeng3,.xinzeng4{width:250px;height:250px;float:left;color:#fff;}.xinzeng1{background:#f00;}.xinzeng2{background:#0f0;}.xinzeng3{background:#00f;}.xinzeng4{background:#000;
一个大div里面有四个小div,两个div层顶部对齐,两个div层底部对齐,怎么...
top:0px; left:0px;}.left2{ display:block; height:150px; width:100px; background-color:#0F0; position:absolute; bottom:0px; left:0px;}.right1{ display:block; min-height:100px; width:300px; background-color:#00F; position:absolute; left:110px; top:0px;}.right2{ dis...
css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
在4个div外面加上一个div，设置为居中，高度为100%，宽度你自己用你觉得合适的值，overflow-y设置为auto；然后对你原本存在的最上面的那个div设置float为top，宽度设置为100%，高度设置你自己觉得合适的值；然后原本存在的左边div，高度设置auto，设置float为left，宽度比例你自己设置合适的值；右边的div...
怎样让一个div里的多个div横向排列
1、新建html文档，在body标签中添加一个div标签，然后在这个div标签中添加一些div标签：2、为外div标签和内div标签添加一些样式，由于div元素是块级元素，所以内div会在外div中垂直排列：3、为内div添加“display:inline-block;”样式，这时内div就会变成行级块元素，这样内div就会在div中横向排列了 ...
一个大的DIV中嵌套两个小的DIV一左一右
大的DIV中嵌套两个小的DIV一左一右步骤如下：1，首先，图中显示的Web结构是html和css。2，打开html页面，如图所示，定义一个大div和两个小div。3，最常用的float float，只要两个小div的宽度小于或等于大div的宽度，就可以并排实现。4，使用position进行绝对定位，然后使用margin-left删除第一个小div...
我有一个大div,里面有很多个小div,大div设置了滚动条,我想第一个小div...
设置滚动条的话只要是div内部的内容都会随着滚动条而移动；所以你想内容不受影响，那么就让它不要在div里面不就行了？比如设置绝对定位让div移动到位置，又或者是这个小div本来是与大div是同级的，你设置负值的外边距margin-bottom:-30px;就可以移动到下面去 ...
让3个DIV并排,但是要让中间的DIV居中,旁边2个平均分配剩余宽度_百度...
套table <table width="100%"> <tr> <td><div style="width:100%; background:#0cf; height:700px;"><\/div><\/td> <td style="width:1200px;"><div style="width:100%; background:#CCC; height:700px;"><\/div><\/td> <td><div style="width:100%; background:#0...
