display简介和浮动

一  display

none 不显示。(隐藏掉)

block 显示为块级元素。

inline 显示为内联元素。(显示为一行)

inline-block 行内块元素(会保持块元素的高宽)。(可以设置为一行但是有空隙可以用font-size:0px来设置也可以用<div class="#">

</div><div class="#">

</div>这样的样式来消除空隙)

list-item 显示为列表元素。(显示为一列)

 visibility

visible 元素可见

hidden 元素不可见

collapse 当在表格元素中使用时,此值可删除一行或一列,不会影响表格的布局。

二  float 浮动

让一行显示两个块级标签,会脱离文档流

none

left 左浮动

right 右浮动

clear 清除浮动:

none  :  默认值。允许两边都可以有浮动对象

left   :  不允许左边有浮动对象

right  :  不允许右边有浮动对象

both  :  不允许两边有浮动对象

猜你喜欢

转载自www.cnblogs.com/wed97/p/10115517.html