1

我已经为段落元素设置了宽度和高度，但文本仍在框外而不是填充元素。示例：

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

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

如何使该文本留在 p 元素框中？

4

2 回答 2

9

元素中文本的问题<p>在于它是一个巨大的单词，所以你应该使用类似的东西：word-wrap: break-word;这应该使它适合......

于 2013-03-08T14:15:38.600 回答
2

你可以使用这种风格：

p {
  overflow-x: scroll;
}

这不会像@darkajax 的解决方案那样破坏单词，而是添加一个水平滚动条。

于 2013-03-08T14:16:58.027 回答