Yalnızca html paragrafındaki metni gizle

Question

Paragrafta metni gizlemek istiyorum ancak üzerinde bir resim ve bazı metinler var. Tüm paragraflar gizlenecek şekilde hiçbirini görüntülemek için css kullanırken ... ancak sadece görüntüyü değil metni gizlemek istiyorum. İşte kod.

<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> 

Answer 1

Dene:

p { 
    font-size: 0; 
} 

Ve görünür istediğiniz herhangi soyundan elemanları font-size belirtin.

Answer 2

Düzeninize geri kalanında ve içerik gizleme display: none; sopa gerekip gerekmediğini bağlı olarak, visbility: hidden; aşağıdaki örnekte olduğu gibi kullanabilirsiniz:

p { 
    visibility: hidden; 
} 

img { 
    visibility: visible; 
} 

örnek keman here bakınız.

Answer 3

Başka bir seçenek: yayılma metninizi alıp ekran yapabilirsiniz

p{ 
     text-indent: -1000px; 
    } 
    img{ 
     position: absolute; 
     left:10px; /*obviously position how you like*/ 
    } 

Answer 4

: none; bu

p span { 
display:none; 
} 

<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> 
    <span>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;</span> 
</p> 

Answer 5

Birçok seçenek vardır :) yardımcı olacağını umuyoruz,

1. metin ve arka plan aynı renk
2. yazı boyutu 0px
3. ekran hiçbiri
4. görünürlüğü: gizli ve pek daha fazlası var ...

Yardım ederseniz, güzel. Teşekkür ederim,