表格列的HTML文本显示限制

概述我有一张宽度为200px的桌子. 它有2列： >标题(简单文字,链接……) >徽标(img) 问题是：当Title Logo超过200px时,我只需限制Title. ------------------------|Title |Logo |------------------------|Helloooo...|img |----------------- 我有一张宽度为200px的桌子.

它有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------------------------

解决方法 /将CSS代码写为下面/

.appadd {

white-space: nowrap;overflow: hIDden;wIDth: 180px;height: 30px;text-overflow: ellipsis;

}

Live Demo – Goto this Link

总结

以上是内存溢出为你收集整理的表格列的HTML文本显示限制全部内容，希望文章能够帮你解决表格列的HTML文本显示限制所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。