p标签悬停在以显示隐藏文本将改变下一个元素的位置

时间:2017-06-20 21:54:38

标签: html css

我对text-overflow的属性有疑问,这是我的jsfiddle

我想要做的是当我将鼠标悬停在p标记上时,它会显示剩余的文字,就像在演示中一样,我想要这些职位<span>的{​​{1}}被更改,这意味着我不希望<span>被推回,如果我将鼠标悬停在文本上,<span>被文字覆盖就可以了。

我将position:absolute用于<span>,但它似乎很糟糕practice

1 个答案:

答案 0 :(得分:1)

df['codes']是得到的方法,但是你需要一个包含 code_1 code_2 code_3 1 71020 2 77085 3 36415 4 99213 99287 5 99233 99233 99233 的包裹元素(DIV)(每行单独)。添加适当的位置设置,如下面的我的代码段中所示。要覆盖position: absolute,请使用position: relative(与span结合使用)让 扩展z-index: -1元素。

&#13;
&#13;
position: absolute
&#13;
p
&#13;
&#13;
&#13;