css如何实现li不换行显示如何实现不敢腐

king web技术 2022-10-25 670浏览 0

本教程操作环境：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

转载请注明：IT运维空间 » web技术 » css如何实现li不换行显示如何实现不敢腐