0

箇条書きとして使用される要素の背景画像を< li >使用していますが、1 つの問題があります: リストの 1 つの項目 (つまり< li >) に大きなテキスト、たとえば長い文が含まれている場合、ページは 2 ～ 3 行 (行) で表示されるため、この 2 ～ 3 行の中間に箇条書きが配置され、見栄えが悪くなります。

テキストが 1 行だけの場合、すべてが完璧に見えます。

私の問題は次のとおりです。最初の行の前に間接的に配置する必要があります。

これは私のコードです。

.has-textlist ul li {
    background: url("../images/bullet.png");
    background-position:  0% 50%;
    background-size: 7px 5.5px;
    background-repeat:no-repeat;
    list-style-type:none;
    padding-left: 20px;
}
4

2 に答える 2

0

background-positionが答えです

background-position: 0 0;

番号や設定は自由です。

私は親切にしてあなたのためにフィドルを作ります：

フィドル

于 2013-09-12T13:21:05.313 に答える
0

リストの箇条書き画像をカスタマイズできることをご存知ですか? このプロパティを使用します。

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

あなたの目的のために、私はそれがうまくいくと思います。

于 2013-09-12T13:25:13.627 に答える