我想做的是将以下表格分成两列,并用垂直分隔线将两列分开,但似乎无法弄清楚。
这里是 an image of what I want it to look like .
HTML:
<div class="container">
<form class="form-large">
<!-- THIS FORM NEEDS TO BE SPLIT IN 2 COLUMNS SUCH THAT I CAN PUT CONTENT IN BOTH -->
</form>
</div>
CSS:
.form-large {
max-width: 884px;
padding: 15px 15px 10px;
margin: 0 auto 20px;
background-color: #fff;
border: 1px solid #d6d6d6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
请帮忙!
最佳答案
只需使用 display: inline-block
和设置的宽度添加左右 div:
http://jsfiddle.net/ExplosionPIlls/eGjPa/
您已经要求了精确的宽度,所以如果您想防止换行,只需将 white-space: nowrap
放在表单上即可。否则,使用百分比宽度或其他东西。
关于html - 将表格分成两列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14824579/