实现table中英文字母自动换行

作者:cidy20172018.02.08来源:Web前端之家浏览:295评论:0
关键词:换行

有时候,在后台西永某些场景里,有很多的是表格布局,里面经常有一些超长的链接撑开了ta,这是我们需要换行,那么我们可以使用word-break:break-all; word-wrap:break-word进行换行。关于这2个属性

word-break和word-wrap大家可自行去了解。这里简单记录一下,下面是实例示范:

<table>
    <tr>
        <td width="150">我是真的啊奥迪啊说 </td>	
        <td style="word-break:break-all; word-wrap:break-word">http://www.qianduan8.com/aaa/inde.htm?e=eGK669jxNh26k0Or%2B%2BH4tM%2BsewJN7kkagyWMDfXU%2FZuLltG5xFicOdXrTUTgh9sMDPIwxrc30rjFWyRbj3hyZfhD3TIBnoFhEMAY%2BRodvYZ2%2Bo0XKd5Ram3abJM7sDg2wHofuCrzhZVpxqWeyvwPWw%3D%3D&ptype=100010&from=basic&clk1=bca6b507b21d0936d565f85579aa14ec&upsid=bca6b507b21d0936d565f85579aa14ec</td>
    </tr>
</table>

效果:

温馨提示本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接

已有0人参与

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新留言

  • admin

    客气了,请继续关注我们QQ群:295431592...

  • essaypinglun

    感谢楼主的分享...

  • 游客1

    非常好...

  • 游客

    这些插件都不错的...

  • 第三方

    似懂非懂...

  • admin

    有些是可以的,需要叠加很多层。...

  • 素材火

    纯css能实现吗?...

  • 小白

    json很实用,不过很多在用jsonp了,希望你们能多出些jsonp的文章。...