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 class="spinning-container" style="position:absolute; margin:-10px 0 0px 30px"/>并将生成的 div 渲染到旋转容器中，但我不知道IMPORTANT-TEXT

PS：内容不能重叠。

编辑： 到目前为止我尝试过的示例：here。

4

2 回答 2

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 回答
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 回答