當前位置：首頁 » 編程語言 » html單元格大小

html單元格大小

發布時間: 2021-03-27 00:14:16

1. 怎樣在html中設置所有表格大小一樣

1、利用 height屬性，這樣是直接拉高 td 單元格的高度，缺點：文字不能對齊
2、做為height屬性文字垂直不對齊的補充，增加 line-height屬性，與height相同時則垂直居中，但換行則會導致兩行間距太大。
3、padding-top padding-bottom 可以增加上下邊距，很好用的屬性，在bootstrap框架中是通過這個屬性實現表格樣式的。就算多行，也是一樣保持間距。
或者結合使用，選擇一款適合的。
.table tr td { padding:10px 0;} 這樣設置省事。

實現代碼：
<table cellspacing="0" style="color:#FFF; text-align:left; font-size:14px; font-weight:bold; margin-left:220px; width:980px; height:200px;text-align:center">
<tr >
<td bgcolor="e91e6f"; style=" width:196px;">01</td>
<td bgcolor="224071"; style=" width:196px;">02</td>
<td bgcolor="f12339"; style=" width:196px;">03 </td>
<td bgcolor="1ea27e"; style=" width:196px;">04</td>
<td bgcolor="224071"; style=" width:196px;">05</td>
</tr>
<tr>
<td bgcolor="1ea27e">06</td>
<td bgcolor="e91e6f">07</td>
<td bgcolor="224071">08</td>
<td bgcolor="f12339">09 </td>
<td bgcolor="1ea27e">10</td>
</tr>
<tr>
<td bgcolor="e91e6f">11</td>
<td bgcolor="224071">12</td>
<td bgcolor="f12339">13</td>
<td bgcolor="1ea27e">14 </td>
<td bgcolor="224071">15</td>
</tr>
<tr>
<td bgcolor="1ea27e">16</td>
<td bgcolor="e91e6f">17</td>
<td bgcolor="224071">18</td>
<td bgcolor="f12339"></td>
<td bgcolor="1ea27e"></td>
</tr>
</table>

2. 怎樣在html中設置所有表格大小一樣

、利用 height屬性，這樣是直接拉高 td 單元格的高度，缺點：文字不能對齊
2、做為height屬性文字垂直不對齊的補充，增加 line-height屬性，與height相同時則垂直居中，但換行則會導致兩行間距太大。
3、padding-top padding-bottom 可以增加上下邊距，很好用的屬性，在bootstrap框架中是通過這個屬性實現表格樣式的。就算多行，也是一樣保持間距。
或者結合使用，選擇一款適合的。
.table tr td { padding:10px 0;} 這樣設置省事。

實現代碼：
<table cellspacing="0" style="color:#FFF; text-align:left; font-size:14px; font-weight:bold; margin-left:220px; width:980px; height:200px;text-align:center">
<tr >
<td bgcolor="e91e6f"; style=" width:196px;">01</td>
<td bgcolor="224071"; style=" width:196px;">02</td>
<td bgcolor="f12339"; style=" width:196px;">03 </td>
<td bgcolor="1ea27e"; style=" width:196px;">04</td>
<td bgcolor="224071"; style=" width:196px;">05</td>
</tr>
<tr>
<td bgcolor="1ea27e">06</td>
<td bgcolor="e91e6f">07</td>
<td bgcolor="224071">08</td>
<td bgcolor="f12339">09 </td>
<td bgcolor="1ea27e">10</td>
</tr>
<tr>
<td bgcolor="e91e6f">11</td>
<td bgcolor="224071">12</td>
<td bgcolor="f12339">13</td>
<td bgcolor="1ea27e">14 </td>
<td bgcolor="224071">15</td>
</tr>
<tr>
<td bgcolor="1ea27e">16</td>
<td bgcolor="e91e6f">17</td>
<td bgcolor="224071">18</td>
<td bgcolor="f12339"></td>
<td bgcolor="1ea27e"></td>
</tr>
</table>

3. html表格固定大小怎麼設置

1,使用傳統的方法
<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>
2,使用css
<style>
.td{width:100px;}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
以上兩種方法可能出現的問題就是,如果內容超過設定,如圖片寬度大於100,會自然撐開,自動調節表格寬度

3,用css
<style>
.td{width:100px;overflow:hidden}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
用這種方法,可以把超過的部分隱藏掉,如果需要嚴格控制的話,可以採用這種方法,如果把overflow的屬性值設置成scroll或者auto的話,可以在超過的時候使用滾動條調節

4. html中，如何固定table單元格寬度

1、首先我們打開我們的myeclipse獲取idea這樣的編輯器，然後在編輯器中寫一個table標簽，這里注意給出table的值。

5. 怎麼用html設置表格的寬度

其實這樣的表格主要是通過跨行和跨列來實現這，首先你這里有11行，17列（按最多的算）然後在通過跨行跨列來實現。

6. 在html中怎樣控製表格的寬度

參考代碼如下：
<tableborder="1"width="960px">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<tdwidth="500px">固定寬度</td>
<tdwidth="460px">固定寬度</td>
</tr>
<tr>
<td>固定寬度</td>
<td>固定寬度</td>
</tr>
</table>
定義和用法

width 屬性規定表格單元格的寬度。

通常，單元格佔用的空間就是它顯示內容需要的空間。width 屬性用於為單元格設置預定義的寬度。

7. 怎樣設置html中單元格的大小

<td width="10" height="20"></td>

寬10高20

8. html中table每個單元格大小

<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td colspan="2"> </td>

</tr>
<tr>
<td> </td>
<td colspan="2"> </td>

</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
這么整，教你個辦法，你可以觀察表格
明顯是3行3列的表格，也就是如下代碼專：
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>

然後是屬第一行和第二行的右邊兩列合並，所以我們可以肯定的吧第一行和第二行的最後一列的單元格刪掉，然後給第二列的單元格添加colspan=2就是表示這個單元格橫跨兩列的意思

其實行的合並差不多，但是他需要增刪其他行所以具體記憶方式你在自己琢磨琢磨吧~~~

9. 在html中怎麼設置表格的寬度

一般是用<table width="xx"> 用來表示整個表格的寬度，單位是像素。用<td width="xx">表示單個表格內的寬度，單位是像素。

10. HTML表格怎麼控制其寬度

閱讀全文

html單元格大小

與html單元格大小相關的閱讀推薦