在网页设计中，文本长度是一个很重要的问题。过长或过短的文本都会影响页面的设计和排版效果。在CSS中，我们可以通过一些方法来限制文本的长度。 第一种方法是使用text-overflow属性。这个属性可以控制文本超出容器时的显示方式。例如，我们可以将超出宽度的文本用省略号（...）表示。

p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

上面的代码中，overflow属性设置为hidden，意味着超出容器部分将被隐藏。text-overflow设置为ellipsis，即用省略号表示超出容器的文本。white-space属性设置为nowrap，让文本不换行。 第二种方法是使用max-width属性。这个属性可以设置元素的最大宽度。如果文本超过了这个宽度，就会自动换行。

p {
max-width: 200px;
}

上面的代码中，max-width属性设置为200像素，意味着p元素的最大宽度为200像素。如果文本超过了这个宽度，就会自动换行。 第三种方法是使用word-wrap属性。这个属性可以强制文本在容器边界内换行，而不是在单词内换行。

p {
word-wrap: break-word;
}

上面的代码中，word-wrap属性设置为break-word，意味着在容器边界内强制换行。如果文本超出容器宽度，会自动在单词内换行。 总之，通过以上这几种方法，我们可以轻松地限制文本长度，让页面更美观。