2

sencha touch xTemplate を使用しています。ご存知のように、sencha touch xtemplate は単なる html です。そして、次の理由から、td 内で div を使用したいと思います。

  1. text-overflow:ellipsis を使用してテキストを切り取ります。
  2. でテキストを表示しようとしましたが、IOS Safari でテキスト オーバーフローが機能しません。

私のコードは次のようなものです：

......
......
'<td>' +
    '<div style = "overflow:hidden; text-overflow:ellipsis; width:80%; max-width: 100%;">'+  
     'Here is the text to cut'+
    '</div>'+
'</td>' +
......
......

ここに問題があります:
td 内に div を配置すると、td が展開されます。max-width を 100px などの数値に設定すると拡大しません。しかし、幅を固定数に設定したくありません。div と td を展開しないようにするにはどうすればよいですか?

私はまだこの分野では後輩です。お願いですから助けてください！

4

2 に答える 2

3

width:80%;max-width:100%意味がありません。幅が の場合、80%設定した最大値に達することはありません。widthまたはの少なくとも 1 つはmax-width、パーセンテージではなく絶対値である必要があります。

拡張に関する限り<td>、表のセルに幅を設定してみてください。それがうまくいかない場合はtable-layout:fixed、テーブルのスタイルに追加することもできます。

于 2012-11-21T18:53:03.297 に答える
2

max-width を削除し、要素にwhite-space: nowrap;css を設定してみてください。td

これはうまくいきますか？

http://jsfiddle.net/YeDjG/2/

于 2012-11-21T18:56:01.447 に答える