html表上的空間

這是一個簡單的問題，但我似乎無法解決它。我的HTML表格可以在以下所見：html表上的空間

而且這裏還包括：

<table style="background:#fff;width:300px;margin-left:14px;" class="form"> 
    <tbody> 
     <tr style=""> 
      <td class="bosluk"></td> 
      <td class="alis_baslik"><strong>ALIŞ</strong></td> 
      <td class="satis_baslik"><strong>SATIŞ</strong></td> 
     </tr> 
     <tr style="border-bottom:1px solid #e4e4e4;"> 
      <td class="ikonlar"><strong>$ </strong></td> 
      <td class="kurlar">DOLAR</td> 
      <td class="alis">2.2804</td> 
      <td class="satis">2.2914</td> 
     </tr> 
     <tr style="border-bottom:1px solid #e4e4e4;"> 
      <td class="ikonlar"><strong>$ </strong></td> 
      <td class="kurlar"><strong>DOLAR</strong></td> 
      <td class="alis">2.2804</td> 
      <td class="satis">2.2914</td> 
     </tr> 
     <tr style="border-bottom:1px solid #e4e4e4;"> 
      <td class="ikonlar"><strong>$ </strong></td> 
      <td class="kurlar"><strong>DOLAR</strong></td> 
      <td class="alis">2.2804</td> 
      <td class="satis">2.2914</td> 
     </tr> 
     <tr style="border-bottom:1px solid #e4e4e4;"> 
      <td class="ikonlar"><strong>$ </strong></td> 
      <td class="kurlar"><strong>DOLAR</strong></td> 
      <td class="alis">2.2804</td> 
      <td class="satis">2.2914</td> 
     </tr> 
    </tbody> 
</table>

我實現CSS但DOLLAR項目有太多的空間。我怎樣才能刪除這個額外的空間？

來源

2012-06-14 Karmacoma

你的意思是'padding-right：112px'？：/ – casraf

這就是測試樣式。 – Karmacoma

我必須同意OhMrBigshot。刪除td元素上的所有填充並清理代碼。那些你自己創造的空白點。如果你有一個願景如何看待最後 - 通過添加一些圖像來升級你的問題。也許這種方式應該更容易:) –

您可以使用text-align: right和padding-right而不是padding-left。

例子：http://jsfiddle.net/BfD2v/

.ikonlar { 
    padding-right:5px; 
    font-family: Arial; 
    font-size:12px; 
    font-weigth: bold; 
    color: #000; 
    text-align: right; 
}

如果你想整列窄，你可以設置寬度OD列本：

.bosluk, .ikonlar { 
    width: 10px; 
}

來源

2012-06-14 16:47:35 Phu

你也應該使用<th>標籤標題。這些列將自己在<td>標籤下自行對齊。像：

<table border="1"> 
<tr> 
    <th>Month</th> 
    <th>Savings</th> 
</tr> 
<tr> 
    <td>January</td> 
    <td>$100</td> 
</tr> 
<tr> 
    <td>February</td> 
    <td>$80</td> 
</tr> 
</table>

來源

2012-06-14 19:57:28 MuccyBiy

html表上的空間

回答

相關問題