CSS如何讓<TD>固定高度？

<table cellspacing="0" id="contactTable" style="table-layout:table-layout:fixed;; width:100%; font-weight:normal; position: absolute; top:45; left: 0;"> 

<td height="50" style="padding-left:5px; overflow:hidden; "> 
    <span style="text-transform:capitalize;line-height:100%;"> 
    //names here 
    </span>       
    </td> 

...more code 
</table>

這不起作用。溢出仍然使單元格更高，高度正在增加內容。CSS如何讓<TD>固定高度？

來源

2011-02-23 Dave819

您使用TR的，對不對？ – 2011-02-23 12:56:17

@ŠimeVidas - 顯然不是:) – 2011-02-23 12:59:58

@ŠimeVidas yes。我只是沒有粘貼在這裏 – Dave819 2011-02-23 13:00:20

最好的解決辦法是把一個div細胞內與高度：

<td style="padding-left:5px;"> 
    <div style="height: 50px; overflow:hidden;"> 
     ... 
    </div> 
</td>

BTW，什麼是跨度？如果您只需要它進行樣式設計，您可以直接對單元格進行樣式設計。

來源

2011-02-23 13:00:07 RoToRa

很好..........細胞仍然會變高。 – Newkie 2017-06-30 09:32:25

-1

您是否嘗試過在td上設置css高度而不是html屬性？

<td style="padding-left:5px; height:50px; overflow:hidden; "> 
    <span style="text-transform:capitalize;line-height:100%;"> //names here 
    </span>

來源

2011-02-23 12:56:29

是的。它不起作用。如果有很多文字 – Dave819 2011-02-23 12:59:40

-5

我會寫

<td style="height:50px"> 
... 
</td>

來源

2011-02-23 13:00:22 Nans

你缺少錶行

<table cellspacing="0" id="contactTable" style="table-layout:fixed; width:100%; font-weight:normal; position: absolute; top:45; left: 0;"> 
    <tr> 
     <td style="padding-left:5px; overflow:hidden; height: 50px;"> 
      <span style="text-transform:capitalize;line-height:100%;"> 
       //names here 
      </span>       
     </td> 
    </tr> 
</table>

來源

2011-02-23 13:01:09 cypher

你正在尋找的CSS屬性是line-height。您只需把它放在<td>，而不是在包含<span>

<td style="padding-left:5px; line-height: 50px; overflow: hidden"> 
</td>

來源

2017-09-07 08:35:48 SteeveDroz

我有同樣的問題。您可以直接使用跨度。這是最好的方法。 TD/TR不尊重高度設置。只需將一個類放在你的span上，並添加css或直接使用樣式屬性即可。

<span class"MyClass">LONG NAME</span> 

.MyClass { //on CSS File 
    height: 60px; 
    overflow:hidden; 
}

或只是

<span style="height: 60px; overflow:hidden;">LONG NAME</span>

來源

2017-10-19 15:18:54

CSS如何讓<TD>固定高度？

回答

相關問題