Question

我在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 - 这是复制代码不限制列宽度的唯一组合。有什么想法吗？

Answer 1

使用 IE conditional comments 为IE制作不同的风格：

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

了解更多信息，请查看how to create an ie only stylesheet。

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

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

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

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

<强>更新

这应该可行，试试this 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。

Jira 4.4小工具 - IE9表宽

1 个答案: