需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltp style=quotwidth 80pxheight 40px overflow hiddenquot测试P标签的换行ltp 3浏览器运行indexhtml页面，此时超过p标签设置高度的内容不会被显示。

你的外围DIV有宽度限制吧，如果有宽度限制，当文字超过这个宽度时肯定要往下顶，除非做超出隐藏，就是超这个区域的文字不往下顶，而是隐藏~~~。

测试P标签的换行 通过这种方式，可以验证标签的基本功能在浏览器中打开indexhtml文件，可以看到文本“测试P标签的换行”被正确地展示在页面上然而，如果希望标签的内容高度被限制，需要引入CSS样式例如，可以设置p标签的高度为100像素，具体代码如下在CSS代码中，将p标签的height属性设置为100像素。

在CSS中，whitespace属性用于控制文本的换行与其他空白处理具体效果如下normal属性表示默认行为，浏览器会合并相邻的空白字符例如，ld与其它单词之间的多个空格将被合并为一个，以保持文本整洁通过开发者工具查看，whitespace属性的值为normalnowrap属性则不同，它将文本限制在同一行内，即使文本过。