固定高度和文字换行的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问题

回答

相关问题