css怎样不换行显示出来,css如何实现li不换行显示

实现方法：1、使用display属性将li转成行内或是行内块标签，只需要给li设置“display:inline|inline-block”样式即可；2、使用float属性进行浮动，只需要给元素设置“float:left”样式即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

方法一：

display方法， 需要将li转换成行内标签或者行内块标签

li {

display: inline;

list-style:none;

margin:0 20px;

}

div {

display: none；

}

• aa
• bb
• cc
• dd

方法二：

选择左浮动方式， float：left；

li {

float: left;

list-style:none;

margin:0 20px;

}

div {

display: none；

}

• aa
• bb
• cc
• dd