這篇文章主要介紹css如何隱藏行元素，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站是一家集成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)站頁面設(shè)計、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專業(yè)網(wǎng)站設(shè)計公司，已為成都等多地近百家企業(yè)提供網(wǎng)站建設(shè)服務(wù)。追求良好的瀏覽體驗,以探求精品塑造與理念升華,設(shè)計最適合用戶的網(wǎng)站頁面。 合作只是第一步，服務(wù)才是根本,我們始終堅持講誠信，負責(zé)任的原則，為您進行細心、貼心、認真的服務(wù),與眾多客戶在蓬勃發(fā)展的市場環(huán)境中,互促共生。

css隱藏行元素的方法：1、利用display屬性，只需要給行元素添加“display:none”樣式即可；2、利用visibility屬性，只需要給行元素添加“visibility:hidden”樣式即可。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

1、在css中我們可以通過將display屬性設(shè)置為none，實現(xiàn)元素隱藏的效果。想要隱藏行元素，只需要給這個行元素添加一個“display:none”樣式即可。

下面我們通過示例來看一下怎樣去隱藏行元素，示例如下：

新建一個html文件，命名為test.html，用于講解css如何隱藏表格其中一行。使用table標(biāo)簽創(chuàng)建一個三行兩列的表格。設(shè)置第二行的id屬性為mytarget，下面使用css將它隱藏。

在css標(biāo)簽內(nèi)，通過table設(shè)置表格的寬度為280px，高度為180px。

2、在css標(biāo)簽內(nèi)，通過id設(shè)置表格第二行的樣式，將display屬性設(shè)置為none，實現(xiàn)將它隱藏。

在瀏覽器打開test.html文件，查看實現(xiàn)的效果。

總結(jié)：

• 使用table標(biāo)簽創(chuàng)建一個三行兩列的表格。

• 設(shè)置第二行的id屬性為mytarget，下面使用css將它隱藏。

• 在css標(biāo)簽內(nèi)，通過table設(shè)置表格的寬度為280px，高度為180px。

• 在css標(biāo)簽內(nèi)，通過id設(shè)置表格第二行的樣式，將display屬性設(shè)置為none，實現(xiàn)將它隱藏。

2、在css中也可以使用visibility 屬性是行元素隱藏，visibility 屬性規(guī)定元素是否可見。

只需要給行元素添加“visibility:hidden”樣式即可，示例如下：

#hang{visibility:hidden}



  
    1111
    2222
  
  
    3333
    4444
  

輸出結(jié)果：

以上是“css如何隱藏行元素”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！