如何让ul中的li元素横向排列

知有的头像
知有
246

ul中的li元素横向排列

display:inline-block;

     把ul里的li设置为行内块的形式。

float:left;

    让ul里的li设置浮动。

注意:用float:left 实现ul横向排列,li浮动以后会脱离标准流,且不占位置,如果它的父级元素有具体的样式且没有固定宽高,还需要对父元素清除浮动,或者设置固定宽高。

display:flex:

设置ul的display:flex弹性盒。

用户评论
评论列表