1

div に追加するテキストがあり、Boxfit jquery プラグインを適用します。これにより<span>、親 div 内に が作成されます。これにより、テキストが作成される前であっても、テキストがオーバーフローすることができます<span>。私はもう試した：

  1. スパンにオーバーフローを追加する
  2. 継承するスパンに高さ/幅を追加する
  3. <div>の親にオーバーフローを追加します<div>が、これによりサイズ変更のためにjquery uiハンドルが台無しになります
  4. 表示をデフォルトtable-cellからblockおよび に変更するinline-block

進め方が正確にわからないので、これに関するヘルプは素晴らしいでしょう。高さの継承と表示/位置の変更を使用しようとしていますが、これまでのところ何もありません。ありがとう！コードは次のとおりです。

CSS:

.text-block
{
    cursor: default;
    height: 100%;
    overflow: hidden;
    width: 100%;
    line-height: normal;
}

HTML:

<div class="template-1of3X template-droppable ui-resizable text review ui-draggable font-oxygen selected" style="top: 351px; width: 256px; height: 151px; position: absolute; left: 27px;">
<div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1000; display: block;"></div>
<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1000; display: block;"></div>
<div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1000; display: block;"></div>
<div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1000; display: block;"></div>
<div class="text-block" style="display: table;">
<span class="boxfitted" style="display: table-cell; font-size: 14px;">One whiff and you know this is serious stuff. The aromas of baking brioche, coconut, candied citrus and leather pick up roasted coffee and grilled nuts on the palate, permeating the senses. Profound depth and complexity, offering a unique Champagne experience. Drink now through 2006. 40,000 cases made. –BS</span>
</div>
</div>
4

2 に答える 2

1

追加した

.text-block span 
{
    height:inherit;
    width:inherit;
    overflow:inherit;
    text-overflow: ellipsis;
    /*position:inherit;*/
}

そして、それがすべてを処理しているように見えました。でも助けてくれてありがとう！

于 2013-07-25T21:39:35.370 に答える
1

次のような他の CSS 演算子を使用してみましたか。

white-space:pre; /* or pre-wrap - Text will wrap when necessary, and on line breaks. */

word-wrap:break-word; /* this allows unbreakable words to be broken. */

text-wrap:unrestricted; /* Lines may break between any two characters? */
于 2013-07-25T19:37:30.283 に答える