1

以下のように、サブナビにアイテムのリストがあります...

ここに画像の説明を入力

そして、各コードのhtmlは以下の通りです

<label for="DOG - BARK CONTROL TRAINING &amp; BEHAVIOURAL_searchSubCategories" class="facet_block-label"><span>DOG - BARK CONTROL TRAINING &amp; BEHAVIOURAL (2)</span>                         </label>

そしてcssは以下の通りです

label {
    color: #FFFFFF;
    font: 12px Arial,Helvetica,sans-serif;
    text-transform: lowercase;
}

label span {
    float: none;
    position: inherit;
    width: auto;
}

問題は、適切に整列するのではなく、行が長い場合です。そうではありません。たとえば、私は行動 (2) という言葉を犬とうまく調和させたい.. css で簡単にそれを行う方法はありますか?

4

1 に答える 1

2

display解決策は、ラベルをinline-block Look at this fiddleに変更することです。

于 2013-01-30T00:25:54.840 に答える