CSS：如何隱藏標籤內容的一部分？

Question

我沒有下面的標記的控制：

<p class="filename"> 
    <img src="http://domain.com/uploads/image_gallery/_thumbs/Chrysanthemum.jpg" alt="Chrysanthemum.jpg"> 
    <br> 
    Chrysanthemum.jpg 
</p> 

我想從顯示器做躲<br> Chrysanthemum.jpg部分。這是可能的CSS？

Answer 1

你可以使用visibility：

p.filename { 
    visibility: hidden; 
} 

p.filename img { 
    visibility: visible; 
} 

Fiddle

Answer 2

這將做的工作適合你：

p.filename { 
    font-size:0; 
    line-height:0; 
} 

p br { 
    display:none; 
} 

演示：http://jsfiddle.net/mx74U/