2

CSSチャレンジで悩んでいます。矢印付きのリストがあります。矢印の箇条書きを最初の行に揃えたい。この矢印ブレットは、次のように background-image を介して設定されます。

.linklist a { 
  display: block; 
  padding: 0 0 0 8px; 
  background: transparent url("../images/css/arrow-left.png") no-repeat 0; 
  text-decoration: none; 
  outline: none; }

結果は次のとおりです。

ここに画像の説明を入力

display: block を削除すると、必要に応じて最初の行に矢印の箇条書きが表示されます。しかし今、2行目はインデントされています。2 つの行の間の垂直方向の配置と、最初の行に配置された矢印の箇条書きが必要です。これをスタイリングする方法を見落としているものはありますか？

ここに画像の説明を入力

誰かが私を助けてくれることを願っていますか?

敬具。

4

3 に答える 3

5

CSS

background-position: left top;
于 2013-01-10T13:51:35.827 に答える
0

次のようなものを試してください：

background: transparent url("../images/css/arrow-left.png") 0 -4px no-repeat;

0左のバックグラウンド位置であり、-4px一番上の位置です。

于 2013-01-10T13:51:57.387 に答える
0

あなたはbackground-positionを使う必要があります：

.linklist a { 
  display: block; 
  padding: 0 0 0 8px; 
  background: transparent url("../images/css/arrow-left.png") no-repeat 0; 
  text-decoration: none; 
  outline: none;
  /*new*/
  background-position: 15px 20px
 }
于 2013-01-10T13:52:51.803 に答える