2

リンクのリストをスタイリングするのはとても面倒だと誰が思ったでしょう！

  • 創刊号弾丸として任意の文字を使用したいと思います。これは不可能だと私は確信していますが、多分あなたは違うことを知っていますか？

  • いずれにせよ、弾丸と<li>の内容との間の距離を制御したいと思います。

  • 箇条書きの高さを制御したい（フォントやサイズなどに関係なく、<li>のテキストの中央に配置されるようにする）。

  • 弾丸は、側面にぶら下がるのではなく、<ul>を含む<div>内にとどまりたいです。

  • <li>内の長い項目を折り返して、箇条書きをテキストから除外したいと思います。

IE6以降のすべてのブラウザで動作するようにしたいと思います。IEの奇妙さに対する特別な訴えはできるだけ少なくしてください！（これは私が使用できないことを意味します:before）

リストではなく、<span>と</br>を使用したくなります。

4

3 に答える 3

3

http://css.maxdesign.com.au/listamatic/

于 2009-04-02T07:22:31.867 に答える
2

まず第一に、CSS を使用してリスト要素のパディング/マージンを削除して、すべてのブラウザーで白紙の状態になるようにしてください。次に、箇条書きの画像を常に中央に配置する場合は、画像を使用します。

 ul{
   margin: 0;
   padding: 0;
}

ul li{
  padding: 0 0 0 20px; /*so text does not appear on top of bullet */
  background: url(error.gif) no-repeat 0 50%; /* this will set the bullet to appear in the middle */
}
于 2009-04-01T18:15:09.373 に答える
1

順序付けられていないリストの場合、任意の文字を表示するグラフィックを作成する必要があります。その他の使用可能な値は次のとおりです。

list-style-type: disc | circle | square | none

箇条書きをぶら下げずにテキスト内にとどめるには、次を使用します。

list-style-position: inside

??? 最後のポイントで「ラップアラウンド」について何を意味するのかわかりません。

于 2009-04-01T18:05:11.567 に答える