Chỉ ẩn văn bản trong đoạn html

Question

Tôi muốn ẩn văn bản trong đoạn văn, nhưng có một hình ảnh và một số văn bản trên đó. Khi tôi đang sử dụng css để hiển thị không có gì để tất cả các đoạn được ẩn ... nhưng tôi muốn chỉ ẩn văn bản không phải hình ảnh. Đây là mã.

<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

Hãy thử:

p { 
    font-size: 0; 
} 

Và xác định font-size cho bất kỳ yếu tố hậu duệ bạn muốn nhìn thấy được.

Answer 2

Tùy thuộc vào phần còn lại của bố trí của bạn và cho dù bạn cần phải dính vào display: none; cho ẩn nội dung, bạn có thể sử dụng visbility: hidden; như trong ví dụ sau:

p { 
    visibility: hidden; 
} 

img { 
    visibility: visible; 
} 

Xem ví dụ fiddle here.

Answer 3

Một tùy chọn khác:

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

Answer 4

bạn có thể mang văn bản của bạn vào khoảng thời gian và làm cho nó display: none; hy vọng điều này sẽ giúp bạn :)

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

Nhiều tùy chọn là có,

1. văn bản và nền cùng màu
2. font size 0px
3. hiển thị không
4. visibility: hidden và nhiều có nhiều hơn ...

Nếu được giúp đỡ, tốt đẹp. Cảm ơn bạn,