CSS——display及浮动

display

block 块元素
inline 行内元素
inline-block 是块元素，但是可以内联，在一行！
none

div{ width:100px; height:100px; border:1px solid red; display:inline; } span{ width:100px; height:100px; border:1px solid red; display:inline-block; }

<div>div元素</div> <span>span行内元素</span>

效果图

这个也是一种实现行内元素的排列方式，但是我们很多情况都是用float

float

左右浮动
float：left
float：right