css换行单词 |css实现半透明div方法

.word-wrap {
word-wrap: break-word;/*换行*/
word-break: normal;/*断字不断行*/
}

其中，word-wrap属性用于控制单词换行，当一个单词宽度超出文本框宽度时，会自动进行换行，防止单词溢出文本框。而word-break属性用于控制断字不断行的效果，即当一个单词的某一个字超出文本框宽度时，只允许该字自动换行，而不是整个单词。

如果大家将这两个属性同时应用到一个文本框中，就可以完美解决单词溢出文本框的问题，让页面更美观，用户体验更好了。