怎样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里面的字显示一行,不换行的主要内容,如果未能解决你的问题,请参考以下文章