gpt4 book ai didi

css - Jira 4.4 小工具 - IE9 表格宽度

转载 作者:太空宇宙 更新时间:2023-11-03 18:52:15 25 4
gpt4 key购买 nike

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

最佳答案

使用 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。

关于css - Jira 4.4 小工具 - IE9 表格宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14622811/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com