CSS溢出：隱藏或滾動不與跨度工作

在文本框中，用戶插入太多字符。

所以，我希望它可以滾動顯示所有文本。

我使用的CSS屬性：

span { 
 
    display: block; 
 
    overflow: scroll; 
 
    height: 150px; 
 
}

<span> 
 
I am a span<br/> 
 
I am a span<br/> 
 
I am a span<br/> 
 
I am a span<br/> 
 
I am a span<br/> 
 
I am a span<br/> 
 
I am a span<br/> 
 
I am a span<br/> 
 
<span>

但我不能向下滾動。

你可以看到：

來源

2017-03-08 vanloc

「* [..]網站顯示文本數據。*」 - 如果是文本數據，爲什麼不直接使用'textarea'，並做什麼？ – Abhitalks

@ freedomn -m我理解StackOverflow中的術語。我也知道我的問題很難看。但我沒有辦法解決這個問題。哪一個最小的代碼，它的工作。 – vanloc

最小的部分是重現問題的最小代碼，而不僅僅是最小的代碼，所以你可以從沒有開始並且添加部分（例如你的site.css（或者等價的））直到它發生，然後一步一步地回滾究竟是什麼原因;或者你可以從原因開始並刪除部分內容（例如site.css中的註釋），直到它不再成爲問題，那麼你就知道是什麼原因造成的。 –

對我的作品？我懷疑你有另一條規則來覆蓋這個。嘗試添加！重要的溢出：滾動聲明。

span { 
 
    display: block; 
 
    overflow: scroll !important; 
 
    height: 150px; 
 
}

<span> 
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim</p> 
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim</p> 
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim</p> 
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum venenatis, justo quis mollis volutpat, nibh enim</p> 
 
</span>

來源

2017-03-08 09:27:13 mayersdesign

你應該在我的演示網站上測試。它不工作。 – vanloc

您是否發佈了鏈接？ – mayersdesign

您是否嘗試過按照我的回答添加重要內容？ – mayersdesign

CSS溢出：隱藏或滾動不與跨度工作

回答

相關問題