2012-11-29 75 views
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隱藏標題標籤?

我怎樣才能做到這一點...

我作爲全新的CSS懇請指教如何做到這一點..

UPDATE:

對於唯一文章編號

如果我們給標題:隱藏它將不會顯示所有節點。

在我的情況下,它不應該只顯示特定的節點。

回答

3

給它display:none;

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

Alternativly使用visibility:hidden;

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

顯示:無意味着有問題的標籤將不會出現在網頁上的所有 - rhere會在其他標籤之間沒有分配空間。

visibility:hidden的意味着與顯示:無,標籤是不可見的,但空間分配給它的頁面上。

display:none; 

要隱藏的元素,但保持它在頁面的流量:

2

從頁面的流量刪除元素

visibility:hidden; 
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; }。正如您在演示中看到的那樣,它仍然佔用第二條鏈接上方的空間,

演示:http://jsfiddle.net/SO_AMK/wwRsa/