いつもお世話になっております。
とある開発で、IE8対応を行う必要が出てきたのですが、
どうにもうまく行かないためこちらに質問させていただきます。
テーブルの幅を固定してtd内に記載している文字列が幅以上になれば
text-overflow: ellipsis;
を使い hogehoge... といったように表示させたいのですが、現状Tableの幅が広がり
全ての文字列が表示されてしまっている状態です。(Chrome/Firefoxでは表示はうまく行っているので、IE特有?の問題でしょうか?)
どなたか解決策を教えていただけないでしょうか?
下記、現在作成しているテーブルのHTMLおよびCSSになります。
<!-- html -->
<table style="width: 200px">
<tbody>
<tr>
<td class="hoge" style="width: 180px;">
<a style="width: 180px" href="#")>長い文字列はここに表示されます。</a>
</td>
<td class="right_icon" style="width: 20px">
<a class="mini_icon icon_web_font" tabIndex=-1 href="#">+</a>
</td>
</tr>
</tbody>
</table>
/** CSS **/
.hoge {
margin-top: 5px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
}
お手数ですが、上記よろしくお願いいたします。