仅隐藏 html 段落中的文本

Question

我想隐藏段落中的文字，但上面有一张图片和一些文字。当我使用 css 不显示时，所有段落都被隐藏了……但我只想隐藏文本而不是图像。这是代码。

 <p>
  <a href="/_blog/News_and_Inspiration/post/Cooking_up_a_storm/"><img alt="" style="border: 0px solid; width: 100px; height: 150px; float: left; margin-right: 10px; margin-bottom: 10px;" src="/images/blog/Shaun-Clouston.jpg" /></a>
    The executive chef of Wellington&rsquo;s award winning  Restaurant, Shaun Clouston is just one of the award winning New Zealand Beef and Lamb Ambassador chefs we have cooking up a storm at our Rural Women New Zealand Beef + Lamb Cooking Demonstrations over the coming months.&nbsp;
</p>

<p>
  <img src="/images/blog/Southland Life Education Trust Car 2.jpg" alt="">
  Two years ago the Southland Life Education Community Trust approached our four Southland Provincials, asking for assistance to replace their educator’s car, as the current one needed major repairs.
</p>

原文由 asif 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试：

 p {
    font-size: 0;
}

并为您希望可见的任何后代元素指定字体大小。

原文由 David Thomas 发布，翻译遵循 CC BY-SA 3.0 许可协议