6

:before 擬似要素とコンテンツが実際に始まる場所の間にパディングを追加する方法を知っている人はいますか?

<ul>
    <li><strong>Name Surname</strong></li>
    <li>+27.082.555.4155</li>
</ul>

最初の li だけに箇条書きを入れて、強い要素が含まれている場合に限りたいと思います。

私はそれを正しく使用しました：

.fr_contactInformation ul li strong:before
{
    content:url(/App_Themes/2011/images/hm_listImage.gif);
}

.fr_contactInformation ul li strong
{
    /*Here is where I am going wrong*/
    padding-left: 50px;
}

皆さんありがとう！

4

3 に答える 3

9

前にパディングを入れて、要素と要素の間にスペースを空けることができます

.fr_contactInformation ul li strong:before
  {
      content:url(/App_Themes/2011/images/hm_listImage.gif);
      padding-left:50px;
   }
于 2011-02-24T08:42:55.550 に答える
4

ピクセルごとに制御したい場合、および最初の li の弾丸のみが必要であると仮定すると、探しているものは次のとおりです。

.fr_contactInformation ul li.first strong:before
{
    content:url(/App_Themes/2011/images/hm_listImage.gif);
    padding-right: 20px;
}
于 2013-10-09T20:56:01.703 に答える
2

ヘンリー将軍に感謝しますが、要素全体にパディングが追加されます。

私はこれを試してみましたが、うまくいきました：

      .fr_contactInformation ul li strong:before
       {
        content: url(/App_Themes/2011/images/hm_listImage.gif) "  ";

        }

img URL の後ろにある反転コメントにスペースを追加することで、イメージ要素とコンテンツの間に探していたギャップが生まれました。

次に、li に負のマージンを使用して元の位置に戻しました。

ありがとう ;）

于 2011-02-24T09:01:05.243 に答える