解决表格中英文字符过多出现将边框撑大弄乱布局的问题
在做页面布局时,很多时候输入超出布局文字显示区域宽框度的字数时布局往往会被超出的打乱,然后又得调整布局页面,当调整好,输入好多的汉字,测试之,没问题。一切貌似OK了。但是,突然有一天有人告诉你那天的bug又重现了后,心烦。。。。发现原来某某人输入的是很多的字母,唉,杯具啊,怎么有这样极品的人啊~,没办法继续查资料解决。。。。
查资料...ing...
终于,把几句找来的代码拼成一个css的class,把问题解决了,不知道还有没有那种极品的人在重现这个bug...hahahhahh.
怨言发了,牛吹了,代码还是要附上滴。。。。
.ct{ word-break: break-all; word-wrap: break-word; table-layout: fixed; overflow-x: auto; }
该类添加到<table>标签上即可。
例:<table class='ct'>....</table>
因为陌生所以勇敢~