您的位置:首页 > Web前端 > CSS

明确指定+两种自动将行内元素变成块级元素的方法

2015-10-25 18:02 1341 查看
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,可以设置宽高了。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息