让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:#0cf; height:700px;"></div></td>
  </tr>
</table>

1、新建html文档，在body标签中添加一个div标签，然后在这个div标签中添加一些div标签：

2、为外div标签和内div标签添加一些样式，由于div元素是块级元素，所以内div会在外div中垂直排列：

3、为内div添加“display: inline-block;”样式，这时内div就会变成行级块元素，这样内div就会在div中横向排列了：

阵列命令就一种，但是使用方法很多。

如下参考：

1首先打开CAD软件，点击图中箭头所示的数组图标，d出对话框。修改任务栏右下角的数组图标。或者你也可以在任务栏中输入AR。

2单击如图所示的圆形复制数组以显示对话框。图中有矩形阵列、路径阵列和环形阵列。根据圆环上的阵列要求，选择圆环阵列，用鼠标左键点击圆环阵列。

3、鼠标左键点击环形数组，系统提示选择对象，然后选择需要该数组的对象(螺母)，选择整个螺母，图形变为蓝色，表示选择成功，然后选择数组对象，选择圆心。

4出现如图所示的对话框。在项目编号一栏写上8，在行号一栏写上1。注意，要选择正确图形的数组的中心，首先选择需要该数组的图形，然后选择数组的中心。阵列的模式是螺栓孔，阵列的中心是环的中心。

5再次点击ok或鼠标右键，得到想要的图形:8个螺丝孔均匀分布在圆环上，如图所示。

用百分比来做，比如html如下

<div class="demo">
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
</div>

css如下

demo{width: 1000px;height: 300px;}
box{width: 100%;height: 333%;}

效果就是demo被box均分为3个宽1000高100的三个块，当然，3个333%是不能完全达到百分百，但在显示界面基本看不出什么了

你可以这样：
<div class="inner" style="margin-left:-100px;">13</div>
也就是给它加一个样式，值为负数。具体的数值，要看你想向左移动多少了。
大概这是比较简单的解决方法了。
有问题，你再Q我（Q号我的资料里有写）好了。

<div class="div1">
<div class="div2"></div
<div class="div2"></div
<div class="div2"></div
<div class="div2"></div
</div>
<style>
div1,div2{
width:100px;
}
div1{
height:200px;
}
div2{
height:25%;
outline:1px solid red;
}
</style>
你可以运行一下代码看看是不是你要的那种意思，我这个是四分之一的demo

---