這篇文章主要介紹css如何隱藏行元素,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站是一家集成都做網(wǎng)站、成都網(wǎng)站建設(shè)、網(wǎng)站頁面設(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)站頁面。 合作只是第一步,服務(wù)才是根本,我們始終堅(jiān)持講誠信,負(fù)責(zé)任的原則,為您進(jìn)行細(xì)心、貼心、認(rèn)真的服務(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,實(shí)現(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,實(shí)現(xiàn)將它隱藏。

在瀏覽器打開test.html文件,查看實(shí)現(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,實(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如何隱藏行元素”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁題目:css如何隱藏行元素
分享鏈接:http://www.chinadenli.net/article2/pecjic.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)公司、網(wǎng)站改版、服務(wù)器托管、靜態(tài)網(wǎng)站、微信公眾號
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)