css table取消自动换行问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css table取消自动换行问题相关的知识,希望对你有一定的参考价值。

"你好你好你好你好你好你好你好你好你好你好你好你好"
这一行字写在一个td里,他自动换行了,而且td大小没变,第二行只显示了你好的上半部分,没显示完全.很不美观.我现在想把这个TD里只显示一行,多余的就不显示出来......这个在CSS里应该用什么属性控制??

参考技术A 大概了解了你的意思,也看过楼上的解释,我这里给出我的比较全面的解释,希望对楼主有用:

css样式定义:
table
table-layout:fixed; /*固定表格,其实这个主要保证一连串不间断英文字符不会撑开td,因为一连串不间断英文字符表示的是一个单词,肯定不会分行的*/

td
width:100px; /*宽度根据需要设置,也可以设置百分比*/
height:25px;line-height:25px; /*高度也是根据需要设置*/
white-space:nowrap; /*文本显示不自动换行*/
overflow:hidden; /*超出部分显示*/
本回答被提问者采纳
参考技术B td里加个div,然后div加上下面的样式,宽高自己定width:30px;height:30px;
overflow:hidden;white-space:nowrap
参考技术C 首先设置:width和height,然后设置:overflow:hidden;

参考资料:http://hi.baidu.com/allenwdj

参考技术D 给td加一个样式吧:先设置height高度,然后再设置overflow:hidden隐藏;
切记一定要设置高度啊
第5个回答  2009-12-21 overflow:hidden;

idea 如何取消自动换行设置?

由于好奇,设置了下idea自动换行设置。发现实在是太丑了,受不了。现在想修改回去,在网上查询了一大堆设置发现都不管用,有哪位大神帮忙解决一下,谢谢!
我的版本信息如下:
IntelliJ IDEA 2018.1.8 (Ultimate Edition)
Build #IU-181.5684.4, built on April 4, 2019
Windows 10 10.0

参考技术A 你当初怎么设置出来的这个功能,再回去取消这个设置就好了啊。你说的自动换行,是限制每行代码的长度的吗?如果是的话,建议习惯这个设置,因为大公司开发规范中严格限制了每行代码最大字符长度

以上是关于css table取消自动换行问题的主要内容,如果未能解决你的问题,请参考以下文章

如何使用css让td中的文字自动换行

如何使用css让td中的文字自动换行

css样式问题,为啥把form表单放进table的td里面,input type='submit'会自动换行啊?如何才可以不换行?

css中设置table中的td内容自动换行

css中设置table中的td内容自动换行

css设置了强制不换行,但是为啥遇到右括号或者空格还是自动换行