应用填充以显示:table-cell元素

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>