表格列的 HTML 文本显示限制

Question

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

它有两列:

1. 标题(简单文本、链接等)
2. Logo (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; 

Live Demo - Goto this Link