css table取消自动换行问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css table取消自动换行问题相关的知识,希望对你有一定的参考价值。
"你好你好你好你好你好你好你好你好你好你好你好你好"
这一行字写在一个td里,他自动换行了,而且td大小没变,第二行只显示了你好的上半部分,没显示完全.很不美观.我现在想把这个TD里只显示一行,多余的就不显示出来......这个在CSS里应该用什么属性控制??
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
以上是关于css table取消自动换行问题的主要内容,如果未能解决你的问题,请参考以下文章
css样式问题,为啥把form表单放进table的td里面,input type='submit'会自动换行啊?如何才可以不换行?