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/