Html：span的溢出问题包含图像标记

Question

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

有人知道为什么会这样，如果span标签完全在div内，那么工作正常吗？

Answer 1

要防止文本突破到新行，请使用以下CSS定义：

elementstyle {
    white-space:nowrap;
}

然后，要使图像浮动在文本旁边，请使用：

elementstyle img {
    display:inline;
}