为了解决这个问题，可以使用CSS中的text-overflow属性来控制文本的显示方式。当文本超出容器宽度时，可以设置text-overflow为”ellipsis”，这样文本就会以省略号（…）的形式显示。
p {
white-space: nowrap; /* 禁止换行 */
overflow: hidden; /* 隐藏超出容器的部分 */
text-overflow: ellipsis; /* 以省略号形式显示超出部分 */
}在上面的代码中，大家首先设置了white-space为nowrap，这样文本就不会自动换行。然后，使用overflow:hidden来隐藏超出容器的部分。最后，使用text-overflow:ellipsis来以省略号形式显示超出部分。
需要注意的是，text-overflow属性仅在块级元素中生效，因此需要将p设置为display:block。另外，在一些浏览器中，text-overflow属性需要和overflow:hidden一起使用才能生效，因此最好同时设置这两个属性。
总体来说，使用text-overflow属性可以很方便地控制长文本的显示方式，尤其在需要在有限空间内展示大量文本的情况下，这个属性的作用就显得尤为重要。