0

Firefoxでは表示されますが、IEでは表示されません（実際、私のものはIE6です）

<style type="text/css">
 li { list-style-type:disc; }
</style>

<div style="margin: 2px auto 15px; padding: 5px 0px; width: 480px; text-align: center;">
<ul style="margin: 0; padding: 0; text-align: left; list-style-position: outside; overflow: visible;">
 <li ><em>test.</em> 111</li>
 <li><em>test.</em> 2</li>
</ul>
</div>

ここで見ることができます：リンクテキスト

編集 すべての要件:

1.幅が固定された親divのまま。

2. <ul>text-align:left;を作成する必要があります。

3.箇条書きを表示する

4

4 に答える 4

0

リストの左端は、箇条書きではなく、常にテキストにあります。つまり、箇条書きはリストのバウンディング ボックスの外側にあるため、IE では何らかの理由で箇条書きが消えてしまいます。

リストにいくつか追加left-paddingします (少なくとも 20 ピクセルで実行する必要があります)。

ページにDoctypeも追加したいと思います-サンプルページでは、リストは中央に配置する必要がありますが、IEは互換モードであるため、(IE8では)そうではありません。

于 2009-09-23T12:46:44.883 に答える
0

ul のマージン/パディングをいじってみて、おそらく lis にレイアウトを与えますか?

ul { margin:0 0 0 10px; padding:0 0 0 10px; }
ul li { zoom:1; }

どの IE が重要かは忘れましたが、それらを表示するには十分なスペースが必要です。

于 2009-09-22T03:07:48.513 に答える
-1

CSS の width 属性のためです。

width 属性をliタグの代わりにタグに設定することをお勧めしますul

編集

list-style-position: outside;Firefoxでも同じ問題が発生する可能性があります

リストのスタイルを設定する別の方法を見つける必要がありますが、それが必要な場合は、list-style-position: outside; javascript を使用して幅属性を適切な場所に設定できます。

于 2009-09-21T19:04:21.320 に答える
-1

私はそれが古いスタイルであることを知っていますが、これはうまくいくはずです

<li type="disc">... </li>

それはうまくいくかもしれません..つまり、cssに多くの問題があります..問題は修正されます..

于 2009-09-21T20:26:50.257 に答える