您的位置：首页 > 其它

实现table框内的数字和字母自动换行

2017-08-29 17:59 465 查看
在实际操作中，如果表格中显示的内容不是中文时，而是纯数字或英文时，默认是不换行的，而汉字是换自动换行的。

我们可以对表格添加一个属性：<table style="word-break:break-all; word-wrap:break-all;">

就可以实现英数字也可以自动换行

————————————————————————————————————————————————————————————

PS：测试代码：

<html>
<head></head>
<body>
<table border="1" align="center" style="word-break:break-all; word-wrap:break-all;">
<tr>
<td width="50">1324564648465456465135131321321645646513151651443131321313213212313212132123123</td>
<td width="50"></td>
</tr>
<tr>
<td w
4000
idth="50">123456</td>
<td width="50">456789</td>
</tr>
</table>
<hr>
<table border="1" align="center">
<tr>
<td width="50">汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字</td>
<td width="50"></td>
</tr>
<tr>
<td width="50">123456</td>
<td width="50">456789</td>
</tr>
</table>
</body>
</html>




                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航