表格列的 HTML 文本显示限制

Question

我有一个宽度为 200px 的表格。

它有 2 列：

1. 标题（简单文本、链接、...）
2. 标志 (img)

问题是：当 Title + Logo 超过 200px 时，我只需要限制Title。

------------------------
|Title      |Logo      |
------------------------
|Helloooo...|img       |
------------------------

仅限制HTML 和 CSS

我尝试不同的想法：

overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap;
table-layout:fixed;
...

我得到的唯一结果是：

------------------------
|Title      |Logo      |
------------------------
|Helloooooooooooo|img       | -> more than 200px
------------------------

Answer 1

/编写 CSS 代码如下/

.appadd {

white-space: nowrap;
overflow: hidden;
width: 180px;
height: 30px;
text-overflow: ellipsis; 

}

现场演示 - 转到此链接