方法和详细的操作步骤如下：
1、第一步，打开html编辑器并创建一个新的html文件，例如：index.html，见下图，转到下面的步骤。
2、第二步，完成上述步骤后，在index.html中的<style>标记中，输入CSS代码，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，浏览器运行index.html页面。
如果此时文本超过2行，则多余的部分将自动显示为省略号，见下图。这样，就解决了这个问题了。
您提供的HTML代码中，div元素的border属性值没有指定单位（如px），这可能导致浏览器无法正确解析该CSS规则，从而未正确应用样式。您可以将border的属性值修改为类似于border: 2px solid black的形式来指定边框的像素宽度、样式和颜色。另外，如果该HTML代码是嵌入在其他HTML文档中的，您还需要将其放置在HTML文档的<body>标签中，以确保正确显示。以下是修改后的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>示例</title>
<style type="text/css">
div.one {
width: 100px
height: 100px
border: 2px solid black
}
</style>
</head>
<body>
<h1>呵呵呵</h1>
<div class="one"><p>啊啊啊啊啊你你你</p></div>
</body>
</html>
在这个示例中，div元素的样式已经指定了单位，并且被嵌入在HTML文档的<body>标签中。这应该可以正常显示了。
