当前位置：文江博客话题详情

如何在CSS中控制表格的tr高度

发布于 2024-11-23 22:11:34 字数 357 浏览 1 评论 0原文

我尝试减少表格中每个 tr 之间的空白。

我设置了 "table id='recTable' cellspacing=\"0\" cellpadding=\"0\""，这意味着每个 tr(确认）。所以我需要做的就是降低 tr 本身的高度。

我使用 "height:40px;" 来执行此操作，但它不起作用，没有任何变化。

它始终显示 70px 高度。但是如果我设置了一个很大的高度，比如“height：100px;”，高度超过70px，那么它就会变成我设置的高度。

我该怎么做呢？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鱼窥荷 2024-11-30 22:11:34

您可以在 css 中明确设置它。例如：

table#recTable{width:100%; border:1px solid red;}
#recTable tr td {height:40px; border:1px solid red;}

HTML

<table id="recTable">
    <tr><td>Something</td></tr>
    <tr><td>Something else</td></tr>
</table>

http://jsfiddle.net/jasongennaro/qXpLM/

边框仅作为示例

You can set this explicitly in your css. For example:

table#recTable{width:100%; border:1px solid red;}
#recTable tr td {height:40px; border:1px solid red;}

HTML

<table id="recTable">
    <tr><td>Something</td></tr>
    <tr><td>Something else</td></tr>
</table>

http://jsfiddle.net/jasongennaro/qXpLM/

Borders just for example

回复收藏 0 原文

深白境迁sunset 2024-11-30 22:11:34

您需要在 TR 内设置 TD 或 TH 的高度或行高。

回复收藏 0 原文

眼泪淡了忧伤 2024-11-30 22:11:34

最好在 td 元素内有一个 div 元素，并固定 div 元素的高度。这对我有用。

 <tr>
    <td>
       <div style="max-height:92px;">
         <span style="color: #992222; font-size:36pt;font-family:Arial Baltic;">
         "     </span>
       </div>
   </td>
 </tr>

It's better to have a div element inside td element and fix the height of div element. It worked for me.

 <tr>
    <td>
       <div style="max-height:92px;">
         <span style="color: #992222; font-size:36pt;font-family:Arial Baltic;">
         "     </span>
       </div>
   </td>
 </tr>

回复收藏 0 原文