2
<article id="node-13" class="node node-article node-promoted node-teaser contextual-links-region clearfix" about="/fos/node/13" typeof="sioc:Item foaf:Document">

<header>

<h2 class="title" property="dc:title" datatype="">

 <a href="/fos/node/13">TITLE GOES HERE.....</a>

</h2>

</header>

</article>

CSSを使用してタイトルを非表示にする必要があります。

どうやってやるの...

私はCSSにまったく慣れていないので、これを行う方法を親切にアドバイスします。

アップデート:

一意の記事IDの場合

title:hiddenを指定すると、すべてのノードに表示されるわけではありません。

私の場合、特定のノードに対してのみ表示されるべきではありません。

4

3 に答える 3

3

それを与えるdisplay:none;

article#node-13 h2.title { display: none; }

代わりに使用visibility:hidden;

article#node-13 h2.title { visibility:hidden;}

display:noneは、問題のタグがページにまったく表示されないことを意味します。他のタグの間にスペースが割り当てられません。

visibility:hiddenは、 display:noneとは異なり、タグは表示されませんが、ページ上にスペースが割り当てられることを意味します。

于 2012-11-29T12:52:25.923 に答える
3

ページのフローから要素を削除するには:

display:none;

要素を非表示にするが、ページのフロー内に保持するには:

visibility:hidden;
于 2012-11-29T12:52:27.427 に答える
2

試してみてくださいarticle#node-13 h2.title { display: none; }。タイトル要素がノード 13 内にある場合にのみ非表示になります。

デモ: http://jsfiddle.net/SO_AMK/2QQDd/

記事全体を非表示にする場合は、次のようにしますarticle#node-13 { display: none; }

ページ フローから要素を完全に削除することに注意してくださいdisplay: none;。これは、要素が非表示になるだけでなく、完全に折りたたまれることを意味します。

要素を「折りたたむ」のではなく単に非表示にしたい場合は、 を使用する必要がありますarticle#node-13 h2.title { visibility: hidden; }。デモでわかるように、まだ 2 番目のリンクの上のスペースを占めています。

デモ: http://jsfiddle.net/SO_AMK/wwRsa/

于 2012-11-29T12:56:35.887 に答える