当前位置：首页 → 问答吧 → html 表格行高

html 表格行高

时间：2011-07-29

来源：互联网

有一个表格想控制行高，
<table width="308" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="308">aaaaa</td>

</tr>
<tr>
<td>bbbb</td>

</tr>
<tr>
<td height="2px"><hr /></td>

</tr>

<tr>
<td>ccc</td>

</tr>
</table>
为何设置<hr/> 分割线高度不起作用，应该如何实现

作者: wang2717 发布时间: 2011-07-29

好像是因为HR分割线的高度超过2Px。
虽然看上去只有1条线，但是在HTML中，分割线占一个标准行。

作者: yanpinwen 发布时间: 2011-07-29

楼主试试呢.
建议不要使用hr
HTML code


<table width="308" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td width="308">aaaaa</td>
    
  </tr>
  <tr>
  <td>bbbb</td>
   
  </tr>
  <tr>
  <td height="2px"><hr style="height:12px; background:#ddd;" /></td>
   
  </tr>
  
  <tr>
  <td>ccc</td>
   
  </tr>
</table>

作者: zgzglike 发布时间: 2011-07-29

lz可以试试下面的方法，
没有使用HR，可能和你想要的效果差不多。
<table width="308" cellspacing="0" cellpadding="0">
<tr >
<td width="308">aaaaa</td>

</tr>
<tr>
<td style="border-bottom-style: groove;">bbbb</td>

</tr>
<tr>
<td>ccc</td>

</tr>
</table>

作者: yanpinwen 发布时间: 2011-07-29

如果按Lz的方法应该这样
<table width="308" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="308">aaaaa</td>

</tr>
<tr>
<td>bbbb</td>

</tr>
<tr>
<td height="2px">$nbsp;<hr /></td>

</tr>

<tr>
<td>ccc</td>

</tr>

作者: jiangsuwx 发布时间: 2011-07-29

直接在td中设置行高多简单～不行就用个ｃｓｓ

作者: ZYLBLCU 发布时间: 2011-07-29

html 表格行高

热门阅读

热门下载