Question

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

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

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

如何使文本保留在p元素框内？

Answer 1

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

Answer 2

您可以使用此风格：

p {
  overflow-x: scroll;
}

这不会像在@darkajax's solution中那样破坏这个词，而是添加一个水平滚动条。

简单的CSS - 段落中的文字超出了框

2 个答案: