Question

我使用this spinning库生成div相对的位置，我有以下HTML代码：

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

现在我在IMPORTANT-TEXT之后定位生成的相对div时遇到问题。到目前为止，我已经尝试制作一个<div class="spinning-container" style="position:absolute; margin:-10px 0 0px 30px"/>并将生成的div渲染到旋转容器中，但我不知道IMPORTANT-TEXT的长度

PS：内容不应重叠。

修改到目前为止我尝试过的示例：here。

Answer 1

我不确定你想要什么样的解决方案，但是你可以随时将重要文本大小定义为你想要的，然后根据它定位旋转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/

Answer 2

只需在div中添加一个较大的边距即可将其推到下一个旁边。

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

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

CSS的CSS定位

2 个答案: