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 のみのスタイルシートの作成方法を確認してください。

さらにサポートが必要な場合は、この HTML を表示するために使用している Jira ガジェットをお知らせください。

ページの幅を制限するには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 に答える