XUL中的換行符字符串列表項目

我嘗試了幾個CSS技巧來獲取XUL列表框來顯示帶有換行符的項目。這很有用，因爲我使用listitem-iconic類添加了一個圖標，該圖標顯着增加了listitem高度。XUL中的換行符字符串列表項目

A previous question asked here暗示爲XUL中的標籤使用空白CSS屬性，但下面的代碼沒有任何影響。目前，任何以換行符分隔的行都會一起運行。

listitem { 
    white-space: pre-wrap; 
}

來源

2012-04-29 wnayes

你的風格適用於錯誤的元素。如果您查看listbox.xml binding或使用DOM Inspector檢查您的列表，您會看到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-30 12:23:56

感謝您的徹底答案;儘管如此，我仍然沒有運氣。我看到在DOM Inspector中應用的CSS樣式，並嘗試了幾次換行符，但沒有任何更改。我可以切換到''元素來解決這個問題。 – wnayes

白色的空間屬性只爲<description>標籤活躍，所以你應該換你的項目裏面<description>，然後在<listitem>。

來源

2012-04-30 11:45:13 tomdemuyt

XUL中的換行符字符串列表項目

回答

相關問題