table内的多个input实现不换行
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了table内的多个input实现不换行相关的知识,希望对你有一定的参考价值。
参考技术A 为了让表格里文字不换行(预计也不会太长的字符串),可以给表格里td添加一个nowrap属性,如 <td nowrap>文字内容</td> 这样。table内的多个input实现不换行但是如果给每个td都加上nowrap属性,貌似太繁琐并且占用空间和流量。于是乎,我找css的实现方法,不擅长此术,尝试了n多个样式后,找到white-space: nowrap; 貌似跟直接给td加nowrap差不多,那么就可以像下面这样定义样式,即可实现td里不换行,字符串长了就撑宽表格宽度。
以上是关于table内的多个input实现不换行的主要内容,如果未能解决你的问题,请参考以下文章
Flexbox/IE11:flex-wrap:换行不换行(里面有图片 + Codepen)
css样式问题,为啥把form表单放进table的td里面,input type='submit'会自动换行啊?如何才可以不换行?