CSS 元素顯示模式

2022-10-01 22:54:20 字數 496 閱讀 7016

顯示特點:獨佔一行;寬度預設是父元素的寬度,高度預設由內容撐開;可以設定高度

顯示特點:一行可以顯示多個(不換行);寬度和高度預設由內容撐開(尺寸和內容大小相同);不可以設定寬高

顯示特點:一行可以設定多個;可以設定寬高

目的:改變元素預設的顯示特點,讓元素符合布局要求。

display: block—轉換成塊級元素

display:inline-block—轉換成內塊元素

display:inline—行內元素

拓展:塊級元素一般作為大容器,可以巢狀文字、塊級元素、行內元素、行內塊元素......

p標籤中不要巢狀div、p、h等塊級元素

a標籤內部可以巢狀任意元素;a標籤不能巢狀a標籤。

CSS元素顯示模式

行內元素 元素顯示模式轉換 單行文字垂直居中 導航欄案例 元素以什麼方式進行顯示.常見的塊元素有常見的行內元素有,等 相鄰行內元素在一行上,一行可以顯示多個 高和寬直接設定是無效的 預設寬度就是它本身內容的寬度 行內元素只能容納文字或者其他行內元素 行內元素中有幾個特殊的標籤 它們同時具有塊元素和行...

CSS元素顯示模式

元素顯示模式就是元素 標籤 以什麼方式進行顯示 比如標籤獨佔一行,標籤可以在一行裡放多個 顯示模式分為以下幾類 塊元素 行內元素 行內塊元素 常見的塊元素有 常見的行內元素有,等,其中標籤是最典型的行內元素 有的地方也將行內元素稱為內聯元素 行內元素有以下特點 相鄰行內元素在一行上,一行可以顯示多個...

CSS基礎 元素顯示模式

作用 網頁的標籤非常多,在不同的地方會用到不同型別的標籤,了解他們的特點之後可以更好的布局我們的網頁 元素顯示模式就是元素 標籤 以什麼方式進行顯示,比如自己佔一行,比如一行可以放多個 html元素一般分為塊元素和行內元素兩種型別 常見的塊元素有常用的標籤元素有 等,其中標籤是最典型的行內標籤,有點...