当前位置：首页 » 编程语言 » 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单元格大小相关的阅读推荐