sherry_0706的博客

由于vertical-align属性的兼容性，以及vertical-align:middle并不是严格意义的垂直居中，因此，小图标+文字的对齐，基本上都要针对不同浏览器加个hack补丁；在加上，如果你的图标尺寸一会儿16像素，一会儿18像素，显然，没法通过全局一个设置使得整站的小图标和文字都对齐良好！ 我们要想20像素高的图标和20像素高的文字天然对齐显示，需要满足这两个条件： o

word-break:break-all 允许在单词内换行。 带点霸道的感觉，一行到点了就强制性换行，不会出现空白区； word-wrap:break-word  在长单词或 URL 地址内部进行换行。 则感觉温柔些，如果这一行有其他的可以换行的点，如空格，或CJK(Chinese/Japanese/Korean)(中文/日文/韩文)之类的，就不会在英文单词或字符中换行。所以很容易出现一片一