預設顯示型別與顯示型別轉換

2021-10-02 19:31:27 字數 1816 閱讀 8391

​ 預設顯示型別和顯示型別轉換的區別

​ 一、什麼是顯示樣式?

​ 顯示樣式(display),是w3c規定瀏覽器採取哪種盒模型規則來顯示乙個元素,常用顯示樣式的值有:

block(塊級盒模型)

inline(行內盒模型)

inline-block(行內塊級盒模型)

二、塊級標籤 :block

行內標籤:inline

行內塊級:inlie-block

display:inline-block;可以是元素在同一行顯示 比如

沒有加 display:inline-block;就不會在同一行顯示<

數字和字母不會換行,因為瀏覽器會將它預設為乙個字串

overflow:hidden 可以將元素給隱藏起來

inline-block出現的兩個問題:

​ 1.解析空格,給父級設定font-size:0;

​ 2.元素之間的對齊會一以最下面一排字對齊; vertical-align; top;

三種顯示型別特徵

三種顯示型別特徵

一、塊級元素特性:**

**block: (div/p/dl/form/h1-h6/ol/ul)

二、行內元素特性:**

**inline: (a/b/em/i/img/span)

三、行內塊元素特性(集合兩種盒模型的特徵): inline-block: (input)

1、獨佔一行

1、和其他行內元素處於同一行

1、本質上是行內元素,具有行內元素的性質

2、高度由裡面的元素撐開

2、不支援寬高

2、支援寬高

3、寬度預設100%(繼承父元素寬度)

3、上下外邊距無效**,auto無效(不支援auto居中)

3、上下外邊距有效,**auto無效(不支援auto居中)

4、可以設定外邊距/內邊距

4、內邊距只對內聯元素產生影響,無視塊元素

4、內邊距只對內聯元素產生影響,無視塊元素

5、可以包裹其他任意元素

5、標籤之間的空格解析

5、標籤之間的空格解析

6、p標籤不可包裹塊級元素(只存放文字

6、a標籤能包裹塊級元素(特殊、區域鏈結)

6、img標籤不是行內塊元素(是行內元素,但是可以設定寬高,

**元素可見性:**1、visibility:hidden;(物件隱藏:預設值visible) opcity:0;(透明度) opcity:0;為零完全透明 但位置還在

元素溢位(就是文字多出來了):1、overflow:hidden (溢位隱藏 )

​ 2、overflow:visible;(預設值)

​ 3.overflow:auto;(文字超出時才有滾動條)

​ 4、overflow:srcoll;(文字超不超出都會有滾動條·)

​ 5、overflow-y:srcoll; overflow-x:hiddenl; (分別設定橫縱滾動條)

預設樣式清除

顯示型別轉換

static cast 目標型別 源型別物件 編譯器對源型別和目標型別做相容性檢查,檢查不通過報錯 源型別和目標型別只要在乙個方向上可以做隱式型別轉換,那麼在兩個方向上就都可以做靜態型別轉換 如果將目標型別從源型別的型別轉換建構函式,或者源型別向目標型別的型別轉換運算子函式,被宣告為explicit...

C 顯示型別轉換

首先說明,該內容主要摘自c stl 開發技術導引。在c語言中,我們一般採用隱式型別轉換,這樣導致的結果是可讀性不高。如下這段 這段 將double型別轉換成了int型別,問題是如果別人來看這段 的時候,別人可能就不知道這種轉換是程式需要的還是編寫 的人不小心寫錯了呢。因此,在c 程式中應盡量使用顯示...

c 顯示型別轉換

dynamic cast,static cast,const cast,1.使用dynamic cast 操作符將基類型別物件的引用或者指標轉換為同一繼承層次中其他型別的引用或者指標 執行時型別檢查 2.const cast 操作符將變數的const性質轉換掉 example1 double d 8...