css - Html：跨度溢出问题包含图像标签

Question

我有溢出的问题。我有一个设置为溢出的 div：隐藏，并且其中的所有元素都设置为绝对位置。元素本身是一个包含文本和图像标签的跨度标签。我有一个箭头来控制 div 内向前或向后的 span 标签。一切都很好，但是当我将 span 标签移向 div 标签的末尾时，它的一部分在 div 之外。span 标记中的图像自动换行到新行，而不是与文本的同一行。

有谁知道为什么会这样，如果 span 标签完全在 div 内就可以了？

Answer 1

要防止文本换行，请使用以下 CSS 定义：

elementstyle {
    white-space:nowrap;
}

然后，要使图像漂浮在文本旁边，请使用以下命令：

elementstyle img {
    display:inline;
}