0

相対的に配置された div を生成するこの回転ライブラリを使用します。次の HTML コードがあります。

<table>
  <tr>
   <td>
     <a href="a-link">LINK</a> IMPORTANT-TEXT
   </td>
   <td>
   </td>
     Something not important
   </tr>
</table>

生成された相対 div を の直後に配置する際に問題が発生しましたIMPORTANT-TEXT。これまでのところ、生成されたdivをspinning-containerに作成してレンダリングしようとしました<div class="spinning-container" style="position:absolute; margin:-10px 0 0px 30px"/>が、その長さはわかりませんIMPORTANT-TEXT

PS: 内容が重ならないようにしてください。

編集: これまでに試したことの例: here .

4

2 に答える 2

0

div に大きなマージンを追加して、次から次へとプッシュします。

http://jsfiddle.net/kALAB/5/

spinDiv = jQuery('<div class="spinning-div" style="position:absolute; margin:-10px 0 0px 200px"/>');
于 2013-10-28T17:23:56.587 に答える
0

どのようなソリューションが必要かはよくわかりませんが、重要なテキストのサイズをいつでも定義して、それに基づいて回転する div を配置できます。

元。CSS

#importext{
max-width:200px;
white-space:nowrap;
overflow-x:scroll;
}

HTML

<table>
  <tr>
   <td>
     <a href="a-link">LINK</a> <div id="importext">IMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXTIMPORTANT-TEXT</div>
   </td>
   <td>
   </td>
     Something not important
   </tr>
</table>

jQuery

spinDiv = jQuery('<div class="spinning-div" style="position:absolute; margin:-25px 0 0px 220px"/>');

JSFiddle の例を次に示します。スピナーの余白も微調整しました。 http://jsfiddle.net/Agony/kALAB/6/

于 2013-10-28T17:13:27.540 に答える