html - 应用填充以显示 : table-cell element

Question

我正在尝试使用 display:table-cell 将填充应用到元素的左侧。我使用的是 Webkit 浏览器，这只需要在 Webkit 浏览器中工作(耶!)。

它以正确的排列显示，但好像根本没有填充。

有什么指点吗？我对 display:table

有点陌生

这是我的 HTML(我内嵌了 css 以便于阅读):

<div class="setting-group" style="display:table">
   <div class="title">Title</div>
   <div class="field" style="display:table-row">
      <span class="label" style="display:table-cell">Label</span>
      <select class="value" style="display:table-cell; padding-left: 20px" id="id">
         <option value="Opt 1">Option 1</option>
         ...
      </select>
    </div>
</div>

Answer 1

将您的选择包裹在一个范围内:

<span class="select" style="display:table-cell; padding-left:20px"><select class="value"  id="id"></span>