3

これを1時間修正しようとしてきましたが、解決策が見つかりません。

私が欲しいのは、背景画像が「目盛り」の中央揃えのリストです。

これ欲しい:

ここに画像の説明を入力

ドットがリストの左側ul(幅 1140 ピクセル) に配置され、中央に配置されたリスト項目の左側に配置されないことを除いて、正常に機能liします。

4

2 に答える 2

4

css:before疑似クラスを使用できます。

ul {
  list-style: none;
  text-align: center;
}

li:before {
  content: "\2022";
}

http://jsfiddle.net/e6y9d/

于 2013-08-26T18:53:10.360 に答える
3

ドットを の左側に配置する場合は、ドットイメージを背景としてul使用します。

ul li {
  text-align: center;
  background: url(path/to/dot.png) 0 center no-repeat;
}

JSBin デモ #1

アップデート

ドットをリスト項目の左側に揃える必要がある場合は、次を使用します。

ul {
  list-style-type: none;
  padding: 0;
  text-align: center;
  white-space: pre-line;
}

ul li {
  display: inline-block;
  padding-left: 15px;
  background: url(path/to/dot.png) 0 center no-repeat;
}

JSBin デモ #2

于 2013-08-26T18:55:13.930 に答える