PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布
首页
课程
路径
文章
PHP培训
精品课
下载

技术文章  >  web前端 > html教程

栅格布局的两种简单的实现方式_html/css_WEB-ITnose

原创
2016-06-24 11:48:37 940浏览

  1. 使用float： 

      
    A
    B
    C
    D
    E
  2. 使用display：flex（这个css3属性仅谷歌和火狐支持） 

      
    A
    B
    C
    D
    E

实现效果如图所示：

当然使用table和负边距也是可以实现的，有时间补上:-D

栅格布局的两种简单的实现方式PHP课程HTML视频教程CSS视频JS视频教程Vue视频教程
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。
上一条：css知多少（11）--position_html/css_WEB-ITnose 下一条：CSS3实现ToolTip效果_html/css_WEB-ITnose

相关文章

查看更多
  • 热门课程
打开APP，随时随地在线学习！