css不换行超过不显示出来

前端开发中，我们常常会遇到一个问题：CSS不换行会超过不显示出来。这是因为CSS默认的宽度为容器的宽度，如果内容太长，就会被截断。这时候，我们需要使用一些技巧来解决这个问题。
一、使用word-wrap属性
word-wrap属性可以强制文本在表格单元格或容器边界内换行，而不会破坏单词。
示例代码：

p{
    word-wrap: break-word;
} 

二、使用white-space属性
white-space属性用于指定元素内的空白如何处理。我们可以将它设置为nowrap，这样文本就不会换行了。
示例代码：

p{
    white-space: nowrap;
} 

三、使用text-overflow属性
text-overflow属性用于指定当文本溢出包含它的元素时发生的事情。我们可以将其设置为ellipsis，这样就会显示省略号。
示例代码：

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

这些方法都可以解决CSS不换行的问题，但是需要根据实际情况选择合适的方法。如果文本是一个长句子，我们可以使用word-wrap属性；如果是一个链接或按钮文本，我们可以使用text-overflow属性。无论选择哪个方法，都需要注意不要让文本过长，影响用户体验。