css多种方式实现等宽布局的示例代码

本文讲的等宽布局是在不手动设置元素宽度的情况下,使用纯css实现各个元素宽度都相当的效果。

1、使用table-cell实现(兼容ie8)




    
  • li1
  • li2
  • li3
  • li4
  • li5

2、使用flex布局来实现




    
  • li1
  • li2
  • li3
  • li4
  • li5

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(css多种方式实现等宽布局的示例代码)