html - 从 html 表格中的文本开始边框

Question

我有这个 html 代码:

<table border="1" style="width:100%;padding-left:12.4em;" bordercolor="F0C347">                                 
 <tbody>
    <tr>                      
        <td><b>Assert Name </b></td>             
        <td><b>Expected</b></td>    
        <td><b>Actual</b></td>           
         <td><b>Assert Expression</b></td>  
    </tr>       
    <tr>            
         <td>Name</td>            
          <td> true</td>    
           <td> true</td> 
           <td>assert.equal(true,spy.calledOnce);</td>
 </tr>
</tbody></table>

输出看起来像这样 sample .

在左侧，我可以看到边框占用了空白，如果边框仅从 Assert Name 开始，那会更好。

我应该怎么做？

注意:我希望填充存在。

Answer 1

您的表格有很多额外的填充。删除它，它应该工作。

编辑:我认为您正在寻找 margin 而不是 padding ，请正确使用这些词。

<table border="1" style="width:100%;margin-left:12.4em;" bordercolor="F0C347" >                                 
 <tbody>
    <tr>                      
        <td><b>Assert Name </b></td>             
        <td><b>Expected</b></td>    
        <td><b>Actual</b></td>           
         <td><b>Assert Expression</b></td>  
    </tr>       
    <tr>            
         <td>Name</td>            
          <td> true</td>    
           <td> true</td> 
           <td>assert.equal(true,spy.calledOnce);</td>
 </tr>
</tbody></table>

更新 fiddle :http://jsfiddle.net/babtb2uy/6/