保留文本的寬度和高度，但「隱藏」它

有人知道如何隱藏背景上的文本（使用漸變），但保持其高度和寬度？知名度：隱藏在我的span-Tag似乎不起作用。它應該保留一個內聯元素。保留文本的寬度和高度，但「隱藏」它

編輯：

<div><span>whatever</span><img src="whatever.jpg"/></div>

來源

2012-01-25 ggzone

請說明你在做什麼，一些示例將幫助。 –

你的意思是跨度有一個應該保持可見的背景和應該隱藏的文本？ –

問題是我需要保持文本的寬度，但文本應該是不可見的。它是由之前的文本定位的圖像的左側。將顏色設置爲與背景相同是不可能的，因爲容器div具有帶漸變的bg - 並且還可以選擇它。和可見性：隱藏不適用於像span這樣的內聯元素。 – ggzone

使用內聯塊。

http://caniuse.com/#search=inline-block

HTML：

<div> 
    <span>Foo bar boo baz</span> 
</div>

CSS：

div 
{ 
    background: red; 
} 

div span 
{ 
    display: inline-block; 
    visibility: hidden; 
}

來源

2012-01-25 13:58:51

merci inline-block做到了... – ggzone

使用您的標籤內另一個嵌套<span>標籤。內部標籤是外部定位時隱藏的標籤。

EX：

<span id="outer"> 
    <span id="inner"> 
    <!-- whatever you want --> 
    </span> 
</span>

然後你的風格看起來能成纔是這樣的：

#outer { 
    width: xxx; 
    height: xxx; 
    /*any other attributes */ 
} 
#inner { 
    display: inline; /*this is what would change to hidden*/ 
}

希望這有助於！

來源

2012-01-25 13:56:08 blo0p3r

保留文本的寬度和高度，但「隱藏」它

回答

相關問題