div css隱藏內容樣式方法

2021-10-05 07:18:57 字數 876 閱讀 4660

div+css隱藏內容方法

一般情況下,css隱藏的用途,如下:

1、使用display:none;來隱藏所有資訊(無空白位佔據)推薦,css display手冊檢視

2、使用overflow:hidden;來隱藏溢位的文字或 適用推薦,css overflow手冊檢視

3、使用overflow-y:hidden;和overflow-x:hidden控制滾動條的隱藏與否,css overflow-y手冊檢視,css手冊檢視overflow-x 

1、css隱藏div及內容,完全隱藏內容與布局

你是看不見我的

使用div 中css樣式display:none;將使得div內的內容隱藏通過瀏覽器什麼也看不見,並且隱藏的內容也不會占用空間,通常用於js特效隱藏、隱藏統計**顯示圖示。

2、overflow: hidden 隱藏溢位div內容或

例項**如:

我是可以看見的

你是看不見我的。

同樣我也是可以看見的

案例截圖:隱藏溢位內容截圖

使用css樣式通過對「你是看不見我的」div css層設定固定的高和寬,然後通過overflow: hidden樣式即可使得超出(溢位)固定的高寬內容隱藏同時也不占用被隱藏地方位置。

3、css隱藏滾動條

CSS隱藏內容方法

在製作網頁時,隱藏內容也是一種比較常用的手法,它的作用一般有 隱藏文字 隱藏鏈結 隱藏超出範圍的內容 隱藏彈出層 隱藏滾動條 清除錯位和浮動等等。使用css即可使以上提到的內容隱藏起來,幾種隱藏內容的方法 我不占地兒,你看不見我 值描述 none 此元素不會被顯示。block 此元素將顯示為塊級元素...

網頁樣式 DIV CSS初步

行內樣式 不推薦使用 內部樣式 寫在之間 外部樣式 連線式 先載入樣式表,收載入頁面 匯入式 一 基本選擇器 標籤選擇器 類選擇器 類名 id選擇器 id 二 符合選擇器 並集選擇器 用,隔開 交集選擇器 什麼都不用 後代選擇器 用空格隔開 一 劃分的大的區域一般用id選擇器 header main...

css樣式內容超出div換行以及隱藏

之前,自己學過css樣式,看到過超出邊框的內容展示,今天專案用到,真是想不起來了,懶得在看文件了,直接網上搜了一下,記錄下來,以備往後用。word wrap break word 換行 word break break all 換行 overflow hidden 隱藏 這個引數根據需要來絕對要不要...