html - 在固定模态窗口 css 中对齐

Question

我有相同宽度+高度和相同类的模态窗口。在第一种情况下，我有 3 列(固定高度和向左浮动样式)，在第二个 - 2 列中。我怎样才能让它更漂亮，通过这些列证明？

#instruments-modal .panel, #specialities-modal .panel {
  width: auto;
  float: left;
}

#instruments-modal .panel label, #specialities-modal .panel label {
  width: 100%;
  display: block;
  margin: 12px 15px;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding-top: 3px;
}

图片:

和

Answer 1

也许不使用 width:auto，而是根据显示的模式给出百分比宽度，如下所示:

#instruments-modal .panel {width:33.33%;}
#specialities-modal .panel {width:50%;}
#instruments-modal .panel, #specialities-modal .panel {float: left;}