Html：跨度溢出問題包含圖像標記

Question

我有一個溢出問題。我有一個設置爲溢出的div：hidden，並且其中的所有元素都被設置爲絕對位置。元素本身是一個包含文本和圖像標籤的span標籤。我有一個箭頭來控制div內向前或向後的span標籤。一切都很好，但是當我將span標籤移動到div標籤的結尾，其中一部分在div外。 span標籤中的圖像是換行到新行，而不是保留文本的同一行。

有誰知道爲什麼會這樣，如果跨度標記完全在div內，它工作正常嗎？

Answer 1

爲了防止文本從突破到一個新行，請使用以下CSS定義：

elementstyle { 
    white-space:nowrap; 
} 

然後，使圖像浮動旁邊的文本，使用這樣的：

elementstyle img { 
    display:inline; 
}