最近在編寫網頁時,發現設置了word-wrap屬性后無法生效,很是困擾。其實,這個問題的解決方法也不難,下面我就來說一下我的解決方法。
p{ word-wrap:break-word; }
上面這段CSS代碼是我在設置word-wrap屬性時寫的,但是在實際運用時,卻發現沒有生效。經過我的調試,發現這個問題是因為我在給p標簽設置word-wrap屬性時,p標簽的寬度未設置,導致word-wrap無法生效。
解決方法就是在給p標簽設置word-wrap屬性之前,先給p標簽設置一個固定的寬度。下面是我改進之后的代碼:
p{ width:300px; word-wrap:break-word; }
在設置了寬度之后,word-wrap屬性就能夠生效了。所以說,在使用word-wrap屬性時,一定要先設置標簽的寬度,否則屬性無法生效。
以上就是我在使用word-wrap屬性時,經歷的問題及解決方法,希望對大家有所幫助。