初步研究
今天遇到了一个感觉很简单的一个 div内部 文字居中,超出换行的问题。
. 不假思索,也直接百度,无非就3个属性 兼容浏览器可加前缀
white-space:normal;
word-break:break-all;
word-wrap:break-word
但是发现没这么简单,因为 我使用了line-height进行了文字居中
貌似这个 和上面几个属性会造成问题,无法换行,更不用说是居中换行
解决
flex 布局用到这里面 还可以进行换行,你敢信?
display: flex
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
这些属性写到 div里面的span中即可