字符间间距的的更改和如何换行（css）

嗯~这个问题虽然比较基础也很容易但是平时比较容易遇到也很实用，所以记录下来也希望能帮助到有需要的人。

代码：

html部分：

css部分：

效果：

   

其中white-space: pre-wrap;的作用是文字长度大于盒子宽度时换行，作用于父盒子

text-align: center;的作用是让盒子内的文字居中显示

letter-spacing: ;的作用是调整文字作用之间的间距

line-height: ;的作用是调整文字上下之间的间距

最后我们看一下有这些样式和没有这些样式的区别：

虽然很简单但是真实的开发中挺常用的，有时候我也容易忘记，所以自己写下来以后忘记了能用，或者能帮助到需要的人也很好。。。。。