css p 不换行 宽度不够 不展示文字

当CSS中的p元素宽度不足以容纳文字内容时，文字将会被隐藏，并且不会自动换行。这是因为p元素默认的文字溢出处理方式是"overflow: hidden"，导致超出宽度的文字被隐藏起来。如果想要让文字换行显示，可以使用"word-wrap: break-word"或者"white-space: normal"来实现。在使用这些CSS属性后，当文字超出p元素宽度时，会自动在单词之间或者字母之间进行换行。

例如，如果有一个p元素的宽度只有100px，但是文字内容很长超过了这个宽度，那么默认情况下文字将会被隐藏起来，无法显示出来。但是如果我们给这个p元素添加"white-space: normal"的样式，那么文字就会根据需要自动进行换行，以便完整地显示出来。

另外还可以使用"word-wrap: break-word"来实现自动换行。这个属性会在需要换行的位置上强制插入一个换行符号，以保证文字能够适应元素的宽度，并且不会造成水平溢出。

总的来说，在CSS中，通过改变p元素的样式属性，我们可以控制文字的换行和显示方式，以适应不同的布局需求和宽度限制。