0

私は次のCSSを持っています

.ul{
    list-style-image:url(/images/bullet.png)
}

bullet.pngは20x20pxですが、画像の中央にテキストを表示する必要があるのに、画像の下部にテキストが表示されています。テキストのみを移動する余白とパディングを割り当てる方法はありますか？

4

2 に答える 2

2

パディングとマージンをリセットします。

プロパティを使用background-imageして、画像のサイズのパディングを設定します（弾丸とテキストの間にスペースが必要な場合はさらに多く）

li
{
  margin: 0;
  padding: 0 20px 0 0;
  background-image:url(/images/bullet.png);
  background-repeat: no-repeat;
}
于 2010-03-26T11:31:17.307 に答える
0

あまり。箇条書きを削除し、LIにパディングを配置し、背景画像を左と中央に揃えてみてくださいbackground: url(images/bullet.png) no-repeat left center;。

于 2010-03-26T11:20:04.640 に答える