css如何隱藏行元素

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

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

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

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

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

下面我們通過(guò)示例來(lái)看一下怎樣去隱藏行元素，示例如下：

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

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

css如何隱藏行元素

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

css如何隱藏行元素

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

css如何隱藏行元素

總結(jié)：

使用table標(biāo)簽創(chuàng)建一個(gè)三行兩列的表格。
設(shè)置第二行的id屬性為mytarget，下面使用css將它隱藏。
在css標(biāo)簽內(nèi)，通過(guò)table設(shè)置表格的寬度為280px，高度為180px。
在css標(biāo)簽內(nèi)，通過(guò)id設(shè)置表格第二行的樣式，將display屬性設(shè)置為none，實(shí)現(xiàn)將它隱藏。

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

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

<html>
<style type="text/css">
#hang{visibility:hidden}
</style>
<body>
<table border="1">
  <tr id="hang">
    <th>1111</th>
    <th>2222</th>
  </tr>
  <tr>
    <td>3333</td>
    <td>4444</td>
  </tr>
</table>
</body>
</html>

輸出結(jié)果：

css如何隱藏行元素

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

網(wǎng)頁(yè)題目：css如何隱藏行元素
分享鏈接：http://www.2m8n56k.cn/article2/pecjic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站改版、服務(wù)器托管、靜態(tài)網(wǎng)站、微信公眾號(hào)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

css如何隱藏行元素