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