溢出和省略在此表的IE中不起作用。
溢出和省略在此表的IE中不起作用。
提问于 2012-08-06 13:50:11
FF v14有我正在寻找的样子。IE9不隐藏溢出，也不显示省略号。我如何在IE9中解决这个问题呢？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.col
{
max-width:10em;overflow:hidden;text-overflow:ellipsis;
}
.row
{
}
.table
{
white-space: nowrap;
}
</style>
</head>
<body>
<table class="table">
<tr class="row">
<td class="col">This is some text in row 1 column 1</td>
<td class="col">This is what it looks like in row 1 column 2</td>
</tr>
<tr class="row">
<td class="col">here is row 2 column 2</td>
</tr>
</table>
</body>
</html>更新
我注意到了visual studio中的验证错误：
Validation (CSS 2.1): 'text-overflow' is not a known CSS property name.这是否意味着我需要以某种方式显式地指定一个更高版本的CSS？如果是，怎么做？
小提琴
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-08-06 16:02:45
我认为唯一的解决方案是将单元格的内容封装在DIVs中：
<td><div class="col">This is some text in row 1 column 1</div></td>有点凌乱，但它似乎确实适用于IE，Chrome，FF和Safari。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11829625
复制相关文章
相似问题
腾讯云开发者
