用无序列表<ul><li></li></ul>编辑导航栏时,实现如下效果,文字按顺序出现在页面右边

解决导航栏顺序问题 div+css(网页设计) 

如果只使用float:right;那么出现的顺序将会是上图中的 手机京东 出现在从左往右数的第一个

解决导航栏顺序问题 div+css(网页设计)

解决办法:使用float:right;再嵌套float:left;

解决导航栏顺序问题 div+css(网页设计)

效果图

解决导航栏顺序问题 div+css(网页设计)

这样遇到很多的<li>标签时就不用想着反着写啦!

 

相关文章:

  • 2021-07-16
  • 2021-04-03
  • 2022-12-23
  • 2021-10-26
  • 2022-12-23
  • 2022-01-11
  • 2021-08-24
  • 2021-06-15
猜你喜欢
  • 2021-10-16
  • 2021-12-19
  • 2021-06-14
  • 2021-09-10
  • 2022-12-23
  • 2022-01-02
相关资源
相似解决方案