ul li横向排列



ul和li都是块级元素,所以使用ul li时,都是分行显示
块级元素可以通过设置float来使他们在同一行显示,
  • 1
  • 2
  • 3


出来的结果如:
ul li横向排列
文章图片


通过设置
li{float:left}


就可以是ul显示在同一行了
ul li横向排列
文章图片


【ul li横向排列】但是还是显示了点点,去掉此点点,可以加

ul{list-style:none; }


ul li横向排列
文章图片

li前面的圆点不见了






























    推荐阅读