当前位置:  开发笔记 > 前端 > 正文

表格单元格宽度 - 固定宽度,包装/截断长单词

如何解决《表格单元格宽度-固定宽度,包装/截断长单词》经验,为你挑选了4个好方法。

我有一个包含各种长度文本的单元格的表格.所有表格单元的宽度必须相同.如果这意味着截断长词或强制中断长词,那就没关系.

我无法弄清楚如何让这个工作.

这适用于内部客户端应用程序,因此只需要在IE6和IE7中工作.

下面是一个示例页面.包含的细胞onereallylongword是令人讨厌的细胞.




    


    
word two words onereallylongword

inferis.. 35

只要你修改表本身的宽度并设置table-layout属性,这很简单:




    



    
word two words onereallylongword

我在IE6和7中测试了它,它似乎工作正常.



1> inferis..:

只要你修改表本身的宽度并设置table-layout属性,这很简单:




    



    
word two words onereallylongword

我在IE6和7中测试了它,它似乎工作正常.



2> 小智..:

如果你想在新行中正确包装长文本,那么在你的表id中调用使用css属性,table-layout:fixed;否则简单地说css不能破坏新行中的长文本.


谢谢!!解决:80%; 我的问题

3> Diodeus - Ja..:

Stack Overflow通过使用DIV解决了长行代码的类似问题overflow-x:auto.CSS无法为你分解单词.


自动溢出导致添加滚动条 - 在我的情况下,看起来我会更好地使用溢出:隐藏.
@Diodeus怎么样"断字:打破所有;"
`word-wrap:break-word`不分词?

4> 小智..:

试试这个:

text-overflow: ellipsis; 
overflow: hidden; 
white-space:nowrap;

推荐阅读
无名有名我无名_593
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有