1

改行文字が解釈されたアイテムを表示する XUL リストボックスを取得するために、いくつかの CSS トリックを試しました。listitem-iconic クラスを使用してリストアイテムの高さを大幅に増加させるアイコンを追加しているので、これは便利です。

ここで尋ねられた以前の質問は、XUL のタグに空白の CSS 属性を使用することをほのめかしていましたが、以下のコードは何の効果もありませんでした。現在、改行文字で分割された行は一緒に実行されます。

listitem {
   white-space: pre-wrap;
}
4

2 に答える 2

0

あなたのスタイルは間違った要素に適用されます。DOM Inspectorを使用してlistbox.xmlバインディングを調べたり、リストを調べたりすると、「匿名」の子がたくさんあることがわかります。最終的な構造は次のようになります。listitem-iconic

<listitem class="listitem-iconic">
  <listcell class="listcell-iconic">
    <image class="listcell-icon"/>
    <label class="listcell-label" flex="1" crop="right"/>
  </listcell>
</listitem>

テキストはlabel要素に入るので、スタイルを適用する必要があります。したがって、この CSS コードは機能するはずです。

listitem .listcell-label {
   white-space: pre-wrap;
}
于 2012-04-30T12:23:56.883 に答える
0

空白属性は<description>タグに対してのみアクティブであるため、アイテムを内側にラップしてから にラップする必要があり<description>ます<listitem>。

于 2012-04-30T11:45:13.783 に答える