javascript - 如何控制td中包含更多字符(包括字母和数值)的文本?

标签 javascript jquery html css user-interface

是否有任何选项可以控制 <td> 中的文本

我正在使用这个 css 样式:

word-wrap: break-word;
  width: 200px;
  display: block;

td 中没有任何文本看起来不错,但是当使用上述 css 有文本时,UI 对齐会受到干扰。

enter image description here

enter image description here

在第二张图片中,QR 标签 td 处的对齐完全被打乱了。

即使有更多的字符,对齐也不应该被打乱。

请帮我解决这个问题。

最佳答案

假设您只希望行具有固定的高度,以便只有一行文本可见。

 width: 250px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;

关于javascript - 如何控制td中包含更多字符(包括字母和数值)的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30642412/

相关文章:

javascript - 在 TypeScript 中生成整数数组

jquery - 带有 jQ​​uery 的单选按钮检查

html - 如何增加变换: scale radius when hover

javascript - 如何使用 node.js req.pipe(res) 将视频响应发送到 html 播放器

javascript - HTML Canvas & JavaScript - 选择菜单 - 设置初始和保持当前选择

javascript - 如何将 jQuery animate 函数转换为纯 JS

javascript - Handsontable更新公式变量

jquery - anchor 作为带有 accesskey 的按钮的行为与实际按钮不同

javascript - 不能统一显示网格

javascript - NodeJS 和 NPM : Package Security