1

我在 Jira 小工具中有以下内容：

<!DOCTYPE html>
<style type="text/css">
.testTable {
    border: 1px solid red;
}
.testDiv {
    max-width:30px;
    white-space:nowrap;
    overflow:hidden;
}
</style>
<table class="testTable">
    <tr><td><div class="testDiv">this is looooooooo ooooooooo ooooooooooooo ooooooooo ng text</div></td></tr>
</table>

如您所见，我想限制一列的宽度。该代码在以下组合中运行良好：
- FF 简单 html
- FF Jira 所有版本（使用代码作为小工具的内容）
- IE9 简单 html
- IE9 Jira 5.1（使用代码作为小工具的内容）

但我的公司使用 Jira 4.4 和 IE9 - 这是复制代码不限制列宽的唯一组合。任何想法？

4

1 回答 1

0

使用IE 条件注释为 IE 做出不同的风格：

<!-- [if ie 9]>
    stuff here
<![endif]>

有关更多信息，请查看如何创建仅 ie 样式表。

如果您需要更多帮助，请告诉我您使用哪个 jira 小工具来显示此 HTML。

要限制页面的宽度，请使用width:30px;

话虽如此，尝试添加width:100%;到样式表：

.testDiv {
    max-width:30px;
    white-space:nowrap;
    overflow:hidden;
    width:100%;
}

更新

这应该可以，试试这个 jsfiddle，在 IE9 上对我有用。

尝试使用严格的html，更改<!DOCTYPE html>为：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

也许规则被覆盖，请尝试：

max-width:30px !important;

如果这也没有帮助，请将 div 内容复制到http://jsfiddle.net/并添加必要的 css/js。

于 2013-01-31T14:10:06.653 回答