質問: いつもお世話になっております。 とある開発で、IE8対応を行う必要が出てきたのですが、 どうにもうまく行かないためこちらに質問させていただきます。 テーブルの幅を固定してtd内に記載している文字列が幅以上になれば ``` text-overflow: ellipsis; ``` を使い hogehoge... といったように表示させたいのですが、現状Tableの幅が広がり 全ての文字列が表示されてしまっている状態です。(Chrome/Firefoxでは表示はうまく行っているので、IE特有?の問題でしょうか?) どなたか解決策を教えていただけないでしょうか? 下記、現在作成しているテーブルのHTMLおよびCSSになります。 ``` 長い文字列はここに表示されます。 + ``` ``` /** CSS **/ .hoge { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap; } ``` お手数ですが、上記よろしくお願いいたします。
回答: aは`inline`です。したがってwidthを指定することはできません。 IEで確認できないので、下記を試してみてください。 hogeを当てる場所を間違えている気がします。 ``` 長い文字列はここに表示されます。 + ``` CSS ``` /** CSS **/ .hoge { margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; /** 追加 **/ width: 180px ; height: 16px ; line-height: 16px ; } ```