1. 程式人生 > >明確指定+兩種自動將行內元素變成塊級元素的方法

明確指定+兩種自動將行內元素變成塊級元素的方法

1.給行內元素設定  position:absolute/fixted 2.讓行內元素浮動,即float 此時便可以對其設定width,heght了,相當於display:inline-block ------------------------------------------------------------------------------------------------------------------------------------------- 1,原始,span為行內元素
當試圖給span設定width,height時
效果不變。 ---------------------------------------------------------------------- 2.此時將span設定為塊級元素:

可以看到,span設定寬高有效了,同時也自動換行。 ------------------------ 3.將span設定為inline-block

既可以設定寬高,又可以與其他文字位於同一行(成為可以設定寬高的行內元素) ------------------------------------------------------ 那麼。我們在最開始說的兩種情況下,不需要為span(行內元素)設定display屬性,也將具有自動轉換為塊級元素 1.為其設定position屬性(使其絕對定位),position:absolute/position:fixted


效果如同明確設定   display:inlie-block,可以設定寬高了。