首先,大家来看一下“word-wrap”这个属性,这个属性可以被用来控制字符串在换行时是否断开单词,属性值有两个:
/* normal为默认值,当单词长度大于父元素宽度时,会将单词断为两行显示 */ word-wrap: normal; /* break-word会在单词超出范围时自动换行,但是如果单词不超出范围就不会断开 */ word-wrap: break-word;
其次,“white-space”这个属性可以帮助大家控制空白符与换行符的处理。该属性的值有三个:
/* normal为默认值,会忽略多余的空白符和换行符 */ white-space: normal; /* pre会保留多余的空白符和换行符,不会忽略 */ white-space: pre; /* nowrap不会保留多余的空白符和换行符,文字不会换行 */ white-space: nowrap;
通过以上两个属性的设置,大家就能够实现对文字添加换行符的功能了。在实际应用中,大家可以根据不同的需求分别设置不同的属性值,来实现更加丰富、多样化的排版效果。