Question

我在下面的html中有一个按钮行：

HTML：

<div class="buttons">
     <div><input type="button"/></div>
     <div><input type="button"/></div>
     <div><input type="button"/></div>
     <div><input type="button"/></div>
</div>

CSS：

.buttons > div
{
   float:left;
   margin-left:25px;
}

对于某些行，按钮，只有3个按钮可见，有些只能看到2个按钮。

如何使可见按钮占据按钮行的整个空间，以便按钮之间有足够的空间（按钮本身不应调整大小，除了边距留空间）？按钮行的宽度为600px。

Answer 1

您是否尝试过width:100%;？

Answer 2

将您的“行”设为列表：

<div class="buttons">
   <ul>
      <li><input type="button"/></li>
      <li><input type="button"/></li>
     <li><input type="button"/></li>
     <li><input type="button"/></li>
  </ul>
</div>

行中的按钮，如何让它占用100％的空间？

2 个答案: