行元素 塊元素 行內塊元素

2021-10-07 12:28:07 字數 578 閱讀 2669

可以與其它行內元素同處一行,與塊元素不行

設定width,height無效

設定行高line-height有效,並且會占用高度位置(相當於該行內元素有了height值,對下面元素的位置有影響,但該行內標籤實際height值並沒有改變)

設定margin只有左右有效,上下無效

設定padding上下左右都有效,但只有設定左右時元素內文字位置才會發生改變,而設定上下時文字位置不變。

a、span、b、i、s、u、abbr、big、small、strong、sub、label、select

獨霸一行,總是在新一行開始

設定width、height、margin、padding都有效

不設定width時,預設100%

設定了width和height後依然獨佔一行

div、p、ul、li、ol、pre、form、fieldset、table、h1-h6、hr

可以與其它行內元素或行內塊元素同處一行

設定width,height有效

設定margin上下左右都有效

設定padding上下左右都有效

img、input、button

塊元素 行內元素 行內塊元素

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素,不可以直接設定寬度高度,預設為本身內容的寬度,容納文字或其他行內元素 常用元素 span a i em ...

塊元素,行元素,行內塊元素

1.內容獨佔一行 2.塊元素可以設定寬高 3.如果不設定寬高,寬度就等於父元素的寬度,高度就等於內容的高度 4.塊元素可以設定內外邊距 5.多個塊元素之間上下排列 常見的塊元素 div,section,p,h1 h6,hr,ul,li等 塊元素可以通過margin 0 auto 實現定寬居中的效果 ...

塊級元素,行內元素,行內塊元素

內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...