老师，这个最后的省略号在文本宽度以外怎么让他在文本以内呢？
来源：2-8 编程练习
慕粉0915
2022-01-15 13:19:06
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*补充代码*/
*{
margin: 0;
padding: 0;
}
p {
margin-top: 20px;
width: 416px;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>
</head>
<body>
<!-- 补充代码 -->
<h3>岳阳楼记</h3>
<p>
予观夫巴陵胜状，在洞庭一湖。衔远山，吞长江，浩浩汤汤，横无际涯，朝晖夕阴，气象万千，此则岳阳楼之大观也，前人之述备矣。然则北通巫峡，南极潇湘，迁客骚人，多会于此，览物之情，得无异乎？
</p>
</body>
</html>
写回答
1回答
-
好帮手慕久久
2022-01-15
同学你好，实际上“...”是处于p标签之内的：
由于p标签右侧的剩余间隙，不足以显示一个汉字，所以看上去感觉“...”在文字外面：
建议调整p标签的宽度，让右侧间隙减小，例如：
祝学习愉快！
0
相似问题