css中把一个div平均3份 html中怎么让div水平分三分

一个大的div套三个小div,如何让三个小div平均分配???

利用css属性里面的float属性。首先写上3个div：这是第1个div 这是第2个div 这是第3个div 接下来写css：.box1，.boxbox3 { float：left； }这样三个div就会一排显示了。

不管怎样都是要计算宽度的吧？不管有没有padding和margin和border。

详细代码请见附件。效果图如下：特别说明：针对三个小div设置float飘左属性，三个小div必须都在一个大的div之内才能生效；三个小div加起来的宽度要小于等于总div的宽度。

在一个div中嵌套三个div的步骤如下。在WXML文件中创建一个div标签，作为外层容器。在这个div标签中再创建三个div标签，作为内层容器。在WXSS文件中设置这些div标签的样式，如宽度、高度、边框、背景色等。

利用CSS3 新添加的盒子模型属性 box-flex；可以让子容器针对父容器的宽度按一定规则进行划分。ie 目前不支持，估计后续版本会兼容这个属性。必须在父元素上面加上display：box； 才可以对子元素进行规则划分。

相关问答

Q1: css里怎么使元素按高平均分布(或者用别的方法)

给两种方法：第一种：百分比。使用均分的百分比宽度。第二种：css3弹性布局。

描述一下：transform-origin： x y z； 设置旋转中心点，示例中为什么是20px 140px呢，正常情况下是0 120px的，但前端做了margin向上向左偏移20px，所以这里需要加回来。

值 justify 可以使文本的两端都对齐。在两端对齐文本中，文本行的左右两端都放在父元素的内边界上。然后，调整单词和字母间的间隔，使各行的长度恰好相等。您也许已经注意到了，两端对齐文本在打印领域很常见。

Q2: div+css中如何将一行的布局分成很多个列

1、想要使用CSS将div元素的内容分成多列来显示，可以使用columns属性。columns属性一个简写属性，可以设置列数和列宽，用于设置分栏模块。下面本篇文章就来给大家介绍一下columns属性，希望对大家有所帮助。

2、第一种情况，float浮动相同 让两个div盒子的float值相同，比如都设置float：left或float：right，宽度设置合适即可。这里我们通过案例实现一行两列DIV布局。

3、可以通过竖向排列的方式，将子div设置为行内块即可。

4、不太清楚你的问题。对于DIV的布局，正常情况下有两种组合。这个对我个人的做法：1，以浏览器为参考物，所有内容div使用绝对定位position：absolute。2，使用标准流，从上而下布局，与float，clear，三者结合使用。

5、你用DW生成DIV层之后，把光标弄到那个层里，再插入DIV，然后再给DIV加上CSS，把宽度高度都固定下来，就能像表格那个效果了，你说的“怎样在该层的右下角再创建一个列”我没太懂是什么意思，不过应该也是用这个方法了。

6、自动到右边去？从理论上来说没有这样布局的。因为DIV来布局的缺点就是 兼容性差 没有table 稳定，所以我们布局一般来说要把DIV的布局 结构更细更固定 防止 兼容性问题的出现。

Q3: 如何用DIV把页面分成3块

里面的div吧text-align：left 覆盖掉。否则里面div字都居中了。还有就是 margin： 0 auto，还有就是负值空白边。思路先吧内div定位到外div的中间。

就可以分成3部分。 或者用div div id=div1/divdiv id=div2/divdiv id=div3/div 在css文件里，给每个div定义float：left。设定宽度width：？. 这个实际上比dreamweaver更难理解。

启动dreamweaver cs5，在弹出的对话框窗口中选择html，进入主界面编辑区域。接着对网页的整个布局在草纸上绘制下来，做到心中有数，主要分成那几个模块。主要有脚注、菜单导航、主体、导航条四大部分。

首先需要打开自己电脑上的DW软件，然后新建一个html页面，并保存在桌面上。然后需要在该html页面的body部分敲入部分代码，基本上就是一个父级DIV下面有三个子级DIV。

/div div style=float：right； width：280px； div style= border：1px solid #0099FF； text-align：leftright内容/div /div /div /body /html 三部分的宽度可以按你内容来确定。

在DW的插入——布局里面有“插入DIV标签”，单击可以插入一个DIV。此时你可以选择是类标签还是ID标签，一般都用ID的，便于查找。然后设置标签的CSS样式，这个很关键的。

Q4: css中怎么让n个div成3列布局(每个div的class属性相同)?

新建一个html页面，用于实现多个div显示在同一行上。在html代码页面上写两个div标签，并分别给这个两个div标签添加class类，类名分别为：one，two。

你的.main样式没添加到标签中。最后一个改成float：left也可。

大框里面写ulli三行三列共9个li紧密排列好。宽高都设定一样。一定和外大框配合好。每个li敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。

关于css中把一个div平均3份和html中怎么让div水平分三分的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。