这是本人的第一篇技术博客,主要作用是记录工作学习中遇到的各种问题。以便将来回顾。如有不对的地方,请各位大神多多指教。
在项目中遇到一个defect,在IE9中一个关于Label的CSS,定义了word-wrap:break-word。但是仍然没有换行效果。在FF, Chrome, IE10中却是好的。
这也算是前端跨浏览器的一个问题吧,想想前端这是坑爹呀,一个小功能就得兼顾N多浏览器。
分析应该是Label是in-line的元素,在老一些版本的浏览器中无法换行,经过研究,最终改为如下:
display: block; word-wrap:break-word; 问题解决,效果如下。