2

我被 twitter bootstrap 中的表格困住了。无论我尝试什么，我都无法在跨度内获得我的表格，我认为这与引导 CSS 有关，我需要我的表格行在跨度或英雄单元内是合理的。

<div class="table-responsive">
  <table  id="table" 
          class="table table-bordered table-condensed table-striped form-group">
    <tbody>
       <tr>
         <th>Sl. No.</th>
         <th class="">Name</th>
         <th>C/NC</th>
         <th class="">Quantity</th>
         <th>Price</th>
         <th><input type="button" class="btn btn-success" id="addmorebutton" 
                    value="Add" onclick="addRow();"/></th>
      </tr>
      <tr id="templateRow">
        <td><input type="text" placeholder="In Words"></td>
        <td class=""><input type="text" placeholder="In Words"></td>
        <td>
           <select class="input-sm col-lg-2">
              <option>Consumable</option>
              <option>Non Consumable</option>
           </select>
        </td>
        <td class=""><input type="text" placeholder="In Numbers"></td>
        <td><input type="text" placeholder="In Numbers"></td>
        <td><input type="button" class="btn btn-danger" id="addmorebutton" 
                   value="Delete" onclick="delRow(this);"/></td>
     </tr>
   </tbody>
 </table>
</div>
4

1 回答 1

1

如果您尝试table通过设置父span元素的样式来定位 a，则需要将 span 设置为块级元素。Span 本质上不是块级元素；因此，它会折叠并且不会包含页面流中的表格。使用blockorinline-block是您可以更改跨度以正确包含的方法之一。然而，为了使它更容易，您总是可以使用块级元素开始，例如 adiv或样式表本身。

试试display:block;你的<span>CSS。这将强制它包含其子元素。

没有更多信息，很难理解您要完成的工作。有关块级元素的更多信息：https ://developer.mozilla.org/en-US/docs/HTML/Block-level_elements

于 2014-04-07T19:04:37.557 回答