简单的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 - 段落文本会

回答

相关问题