關於ie6塊元素行內元素轉換

2022-08-11 22:45:20 字數 549 閱讀 2506

1、inline元素的display屬性設定為inline-block時,所有的瀏覽器都支援;

2、block元素的display屬性設定為inline-block時,ie6/ie7瀏覽器是不支援的;

ie6下塊元素如何實現display:inline-block的效果?

有兩種方法:

1、 先使用display:inline-block屬性觸發塊元素,然後再定義display:inline,讓塊元素呈遞為內聯物件(兩個display 要先後放在兩個css宣告中才有效果,這是ie的乙個經典bug,如果先定義了display:inline-block,然後再 將display設回 inline或block,layout不會消失)。

**如下(...為省略的其他屬性內容):

div

div

2、直接讓塊元素設定為內聯物件呈遞(設定屬性display:inline),然後觸發塊元素的layout(如:zoom:1 或float 屬性等)。

**如下:

div

div /*推薦:ie67*/

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

塊級元素 一行只能放乙個,可以設定寬度高度,預設為容器的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 ...