css - 将表格并排放置

标签 css forms twitter-bootstrap twitter-bootstrap-3 css-position

我正在做一个元素,我要把表格并排放置。但是有一个问题,他们不是彼此相邻的。我将有 20 行输入表单,表单的标签名称可能很长,所以我不确定如何处理它。

这是我现在的距离:http://www.bootply.com/129498

最佳答案

您的列正确地彼此相邻 float ,但您的第二列有一个 div,其 id 为“dato”,这有点偏离了定位。您有几个选择:

添加:

#dato {
  overflow: hidden;
}

将使您的第二列正确流动。

关于css - 将表格并排放置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23033453/

相关文章:

html - 单击时打开和关闭 mat-form-field matInput 的下划线

html - 表单字段之间的间距

twitter-bootstrap - Bootstrap 布局 - 移除响应性

html - Bootstrap 导航栏列表堆叠而不是并排

jquery - Bootstrap Navbar 折叠按钮在点击时不起作用

html - Bootstrap : Toggler not displaying its content

html - 如何 - 第 n 个子级的隐藏转换

css - Ionic 构建 Android 后位置发生变化 |安卓| ionic | ionic 图标

python - 将 x-www-form-urlencoded 查询字符串转换为字典

javascript - 如何使用 javascript 添加表单值?