怎样在html中设置所有表格大小一样
3个回答
2016-06-08
展开全部
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、做为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>
2016-06-08
展开全部
你可以试试给表格加table-layout样式,并设置值为fixed,这样如果你所有列都不指定列宽的话,应该是所有列等宽,如:
<td width="10" height="20"></td>
宽10高20
<td width="10" height="20"></td>
宽10高20
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
在css中,开始规定一下所有table的width和height
table{
width:500px;
height:500px;
}
html结构:
<html>
<head>
</head>
<body>
<table>
<tr></tr>
<tr></tr>
</table>
</body>
</html>
table{
width:500px;
height:500px;
}
html结构:
<html>
<head>
</head>
<body>
<table>
<tr></tr>
<tr></tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询