固定柱的高度和寬度

我有一個表，如下所示：固定柱的高度和寬度

<table> 
<tr style ="height: 10px;" > 
<td style="width: 200px, height : "10px;"> </td> <td style="width: 200px , height : "10px;"> </td> <td style="width: 200px , height : "10px;"> </td> <td style="width: 200px , height : "10px;"> </td>  

</tr> 
</table>

的問題是，當在任何行中的第二列的內容是略微大，第二列的寬度超過150像素，並補償第一列的寬度減小。我怎樣才能防止這種情況發生。我想寬度不改變，即使額外的文本沒有顯示它很好。

我也希望行和列的高度爲3行文本並固定高度。

來源

2012-01-19 learning

你應該表的樣式設置爲固定喜歡這一點，並添加表的總寬度

<table style='table-layout:fixed' width='300px'>

Firefox可能不喜歡看到表格單元格中滿溢長文會導致固定列寬度，以便更好地顯示這個，你應該在你的CSS或當前頁面上設置以下TD樣式

<style> 
td {overflow:hidden;} 
</style>

來源

2012-01-19 07:22:20 GuZzie

只需將最大寬度與您的表格單元格相加即可。

來源

2012-01-19 07:18:20 QQping

首先，代碼不正確。這是你的代碼修正，嘗試它的工作原理是什麼，你也想：

<table> 
<tr style="height: 10px;" > 
<td style="width: 200px; height:10px;"></td> 
<td style="width: 200px; height:10px;"></td>  
<td style="width: 200px; height:10px;"></td> 
<td style="width: 200px; height:10px;"></td> 
</tr> 
</table>

其次，你的造型方式是非常老派和爲難你的，嘗試創建一個CSS類，你可以再申請對每一個元素，都不需要重複規則。事實上，如果這將是您的網頁上只表，你可以把這樣的事情裏面頭：

<style type="text/css"> 
td { 
width: 200px; 
height:10px; 
} 
</style>

將適用您的規則，網頁上的所有標籤，所以你不必明確的風格每一個人。

或者，你可以這樣做：

<style type="text/css"> 
.exampleclass { 
width: 200px; 
height:10px; 
} 
</style> 


<table> 
<tr style="height: 10px;" > 
<td class="exampleclass"></td> 
<td class="exampleclass"></td>  
<td class="exampleclass"></td> 
<td class="exampleclass"></td> 
</tr> 
</table>

你控制一個地方你的造型這樣的話，而且還能夠爲您認爲合適的將其應用到其他元素。

如果還有其他問題，請提問。

編輯：爲了滿足您的要求的寬度固定在額外內容的成本不顯示，同時應用Guzzie和QQping的答案。雖然如果你對高度不同，你不必設置溢出：隱藏;

來源

2012-01-19 07:23:32 CodeVirtuoso

固定柱的高度和寬度

回答

相關問題