簡單的CSS - 段落文本會

我設置的寬度和高度爲一個段落元素外箱，但文本仍在外箱，而不是填補了element.Example：簡單的CSS - 段落文本會

<!DOCTYPE html> 
<head> 
<style> 
p { height: 500px; 
    width: 800px; 
    } 
</style> 
</head> 
<body> 

<p> 
          tekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekstteksttekst  
</p> 
</body> 
</html>

如何使該文本保持在p元素框內？

來源

2013-03-08 Zed

darkajax爲您解決了這個問題，但是您發佈的文本是非常不太可能的用例，除非您的系統需要輸出沒有空格的長字符串。 – Lowkase 2013-03-08 14:17:01

與<p>元素中的文本的問題是，它是一個單一的巨大的話，那麼你應該使用類似：word-wrap: break-word;，並應使之適合...

來源

2013-03-08 14:15:38 DarkAjax

工作，謝謝。 – Zed 2013-03-08 14:19:41

您可以使用此風格：

p { 
    overflow-x: scroll; 
}

這不會像@darkajax's solution那樣破壞單詞，但會添加一個水平滾動條。

來源

2013-03-08 14:16:58 kamituel

簡單的CSS - 段落文本會

回答

相關問題