固定高度和文字換行的CSS問題

我有一個表格編碼如下;固定高度和文字換行的CSS問題

<table style="table-layout:fixed"> 
<tr> 
    <td class="htTd" width="100" style="word-wrap:break-word">someDynamicLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtextsomeLongtext</td> 
    <td class="htTd" width="100" style="word-wrap:break-word">someLongtextsomeLongtextsomeLongtext</td> 
</tr> 
<tr> 
    <td class="htTd" width="100" style="word-wrap:break-word">someContentsomeContentsomeContent</td> 
    <td class="htTd" width="100" style="word-wrap:break-word">someContent</td> 
</tr> 
</table>

在CSS，我有

htTd{height:30px}

現在的問題是，因爲內容是動態的（由JSP來），長文本不能在IE正確包裹。在IE中，它顯示兩行，只是隱藏了其餘的內容。它在Firefox中正確包裝。

雖然問題可以通過從CSS中刪除高度屬性來解決...不幸的是我不能這樣做，因爲我的CSS在許多其他文件中使用，因此我無法更改CSS。

如何通過在CSS中添加任何其他CSS屬性來解決問題？

來源

2012-02-04 testndtv

例如，你可以一個ID添加到表，寫這樣的事：

#tableId td{height: auto !important;}

或只是

#tableId .htTd{height: auto} (i would vote for that one)

來源

2012-02-04 15:02:50 mkk

其實我嘗試添加高度：使用IE開發工具欄自動，但由於某些原因，如果汽車是由支持它不工作....不知道IE ...反正也會嘗試你建議的其他方式.. – testndtv 2012-02-04 15:11:12

這是我如何「刪除」高度，它應該工作的方式。確保您的新聲明覆蓋舊聲明。你可以確定通過添加背景：黃色到一個屬性和背景：紅色到第二個屬性，看看會是什麼背景色 – mkk 2012-02-04 15:13:22

我相信，屬性應該是打破字。這

<td class="htTd" width="100" style="word-wrap:break:word">

應該是：

<td class="htTd" width="100" style="word-wrap:break-word">

來源

2012-02-04 15:02:59 thedjpetersen

是的抱歉....在我的代碼中已經是正確的......在這裏輸入錯誤.. 。 – testndtv 2012-02-04 15:23:12

固定高度和文字換行的CSS問題

回答

相關問題