テキストの表示について

質問

テキストの表示についてですが、
テキスト枠を２行分とり、その中で表示し切れない文字列は"..."で
表示されるようにしたいのですが、うまくできません。
<div class="textEllipsis" style="height: 38px; width: 660; text-overflow: ellipsis overflow: hidden;">
　<table class="BorderNone">
　　<tr>
　　　<td>
　　　　<bean:write name="data" property="cbTrialRefPeer.title" ignore="true"/>
　　　</td>
　　</tr>
　</table>
</div>

１行でならうまくいくのですが、
２行だと"..."ではなく文字列が切れて表示されてしまいます。

何かよい方法はないですか。

回答No.1

auty · ベストアンサー

white-space:nowrap;
を付けないと有効にならないときがあるとあったので、つけてみました。

・　<table></table>タグの中では、うまく行かないようです。
　　　　　有効なのは、最初の1回だけで、...も現れません。
　　　　　空白文字区切り（すなわち英単語区切り）となっているようです。

・　<br/>タグ単位で対象となるようですが、最大2行。

いずれにしても使い方を十分にチェックする必要がありそうです。特に、<table>タグの中では制限されるようです。

いくつか試してみましたが、その１つをあげておきます。
--------------------------------------------------------
<div class="textEllipsis" style="height: 38px; width: 360; text-overflow: ellipsis; white-space:nowrap; overflow:hidden;">
bean:write name="data" property="cbTrialRefPeer.title" ignore="true"<br/>
bean:write name="data" property="cbTrialRefPeer.title" ignore="true"<br/>
bean:write name="data" property="cbTrialRefPeer.title" ignore="true"<br/>
　<table class="textEllipsis">
　　<tr>
　　　<td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
　　　　bean:write name="data" property="cbTrialRefPeer.title" ignore="true"<br/>
　　　</td>
　　</tr>
　</table>
</div>
--------------------------------------------------------

お礼

ありがとうございます。

教えていただいた事を参考にいろいろ試してみます。