1. 程式人生 > >IE9 中行內元素word-wrap失效分析

IE9 中行內元素word-wrap失效分析

這是本人的第一篇技術部落格,主要作用是記錄工作學習中遇到的各種問題。以便將來回顧。如有不對的地方,請各位大神多多指教。

在專案中遇到一個defect,在IE9中一個關於Label的CSS,定義了word-wrap:break-word。但是仍然沒有換行效果。在FF, Chrome, IE10中卻是好的。



這也算是前端跨瀏覽器的一個問題吧,想想前端這是坑爹呀,一個小功能就得兼顧N多瀏覽器。

分析應該是Label是in-line的元素,在老一些版本的瀏覽器中無法換行,經過研究,最終改為如下:

display: block; word-wrap:break-word;  問題解決,效果如下。