怎样td里面的字显示一行,不换行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样td里面的字显示一行,不换行相关的知识,希望对你有一定的参考价值。

将文字过长的部分,变成省略号显示方法如下: 在设置文字过长部分需要用到text-overflow标签,设置为 ellipsis,意思为文本超出部分为省略号; 同设置整体为本过长需要用white-space标签,设置为 nowrap,意思是文本不换行 参考技术A <td style="white-space: nowrap">

html中table里的内容完全显示 不会换行

并且 表格里的字 不换行

参考技术A 没看懂问题 什么不换行? 新奥尔良烤鸡翅那几个字要换行显示?追问

对 还有那个数量 的加减号

追答

如果你是表格做的 那么 我可以理解为 一个单元格 就是一个td 简单点的方法就是 xxxxxx
但是这样不好 最好的办法是 例如图片 这块 想符合语义 利于搜索 明显的图文混编模式 dl dt dd
dd中放的是文字 那么可以设置dd的宽度和图片宽度一致 然后比如dd的height为 20
那么请写 line-height:10px 控制行高 这样他会自动给你换行

关于价格中 我不太明确 你是想做成 + 数量 - 这种模式么
如果是 请将这个td中填入
li的样式 让他 float:left

以上是关于怎样td里面的字显示一行,不换行的主要内容,如果未能解决你的问题,请参考以下文章

html中怎么让td中的字显示在一行

Eclipse 换行不换行

Table TD 如何不换行?

Flexbox/IE11:flex-wrap:换行不换行(里面有图片 + Codepen)

怎样让css控制文字禁止换行/强制不换行?

td 不换行 隐藏显示多余的部分(转)