0

私はアイテムのリストを持っています：

<ul>
    <li> item 1 </li>
    <li> item 2 </li>
</ul>

これらは箇条書きなしで示されています。しかし、なぜ？以下は、ChromeのInspect要素からコピーして貼り付けられたすべての計算されたスタイルです。何を変更する必要がありますか？Display：list-itemとlist-style-type：discは問題ないようです。

（私はjavascriptを介してhtmlを挿入しています。つまり、独自のスタイルクラスを作成して、他の方法では継承されるスタイルをオーバーライドできますが、親からスタイルを「削除」することはできません。）

-webkit-background-clip: border-box;
-webkit-background-origin: padding-box;
-webkit-background-size: auto;
background-attachment: scroll;
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-size: auto;
color: red;
display: list-item;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 14px;
height: 17px;
list-style-type: disc;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-align: left;
width: 1389px;
4

2 に答える 2

1

追加のスタイルを指定して、サンプルコードlist-style-position:inside;を確認してみてください。

パディングやマージンを変更する必要はありません。

于 2012-09-26T19:09:29.000 に答える
0

それらは存在します、それらはただ見えません。あなたは左の境界線を壊しました。試す

padding-left: 20px;

また

margin-left: 20px;
于 2012-09-26T18:43:43.383 に答える