3

この問題はInternetExplorerに表示されますが、解決できませんでした。

#test ul li {
list-style-type: disc;
float: left;
margin-left: 10px;
font-size: 16px;
}

上記のコードはFirefoxとChromeで正常に機能しますが、IE7では箇条書きが表示されません。

属性float: leftを非アクティブ化しようとしましたが、箇条書きが表示されていますが、リストは垂直です。私のリストは、箇条書きと水平に揃える必要があります。

次の属性を追加してみました。

  • list-style-position: insideと外と何も。

  • 使用display: inlineすると弾丸が消えます。

#test ul {
list-style-type: disc
}
  • そして何も

異なる値でマージンを変更し、異なる値でパディングを追加しようとしましたが、何もしませんでした。

4

4 に答える 4

0

画像で弾丸を作成し、背景として設定します。

于 2012-08-15T17:35:33.683 に答える
0

で試してください：

 ul{
    list-style:disc outside none;
    padding:0px;
    padding-left:12px;
    margin-left:8px;
    }

デモ

于 2012-08-15T17:38:08.113 に答える
0

lis をインラインにしlist-styleてultoを作成し、疑似要素noneを使用して箇条書きをエミュレートできます。:before

ul {
list-style: none;
margin: 0;
}
li {
display: inline;
}
li::before {
content: "o ";
}

もちろん、"o" の代わりに、箇条書きを表す Unicode 文字を使用することもできます。

于 2012-08-15T17:26:16.163 に答える