13

段落内のテキストを非表示にしたいのですが、1 つの画像とその上にいくつかのテキストがあります。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>
4

5 に答える 5

18

試す：

p {
    font-size: 0;
}

そして、表示したい子孫要素のフォントサイズを指定します。

于 2012-07-04T08:59:02.857 に答える
10

display: none;レイアウトの残りの部分と、コンテンツを非表示にするために固執する必要があるかどうかに応じてvisbility: hidden;、次の例のように使用できます。

p {
   visibility: hidden;
}

img {
    visibility: visible;
}

ここでフィドルの例を参照してください。

于 2012-07-04T09:01:19.003 に答える
3

別のオプション：

    p{
        text-indent: -1000px;
    }
    img{
        position: absolute;
        left:10px; /*obviously position how you like*/
    }
于 2012-07-04T09:06:20.793 に答える
2

選択肢はたくさんありますが、

  1. 文字と背景を同色にする
  2. フォントサイズ 0px
  3. 表示なし
  4. 可視性: 非表示など、他にもたくさんあります...

助けられたら、いいですね。ありがとうございました、

于 2016-02-12T11:59:14.030 に答える
0

テキストをスパンにして、display:none; にすることができます。これがあなたを助けることを願っています:)

  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>
于 2012-07-04T11:21:36.067 に答える