[size=medium]今天搞table表格搞了半个小时,因为内容过多的时候表格一直破版,表格及表格的各个列,宽度属性都设置好了的,但只要内容一多,照样破版,后来好不容易问到了解决方法,一句话就搞定了,只要在table里面加个样式属性style="word-break:break-all;"就好了,内容自动换行,在即将下班之际表格终于固定好了。
备忘:还有一个换行的样式word-wrap:break-word效果相同,都是内容换行,不过不会截断单词。
注意:这样式好像只是IE的标准,其他浏览器不一定支持,其他的浏览器应该还是乖乖的使用style="white-space:pre-wrap" [/size]
备忘:还有一个换行的样式word-wrap:break-word效果相同,都是内容换行,不过不会截断单词。
注意:这样式好像只是IE的标准,其他浏览器不一定支持,其他的浏览器应该还是乖乖的使用style="white-space:pre-wrap" [/size]
本文介绍了如何解决HTML表格在内容过长时出现的破版问题,通过设置table样式属性word-break:break-all实现内容自动换行,同时对比了word-wrap:break-word的效果,并提醒注意不同浏览器的支持情况。
7842

被折叠的 条评论
为什么被折叠?



