您好，欢迎来到华佗小知识。
科技 教育 生活 旅游 时尚 美容 美食 健康 体育 游戏 汽车 家电
搜索
您的当前位置：首页栅格布局的两种简单的实现方式_html/css

栅格布局的两种简单的实现方式_html/css

来源：华佗小知识


  1. 使用float： 

        
     
    A
     
    B
     
    C
     
    D
     
    E

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

        
     
    A
     
    B
     
    C
     
    D
     
    E

实现效果如图所示：

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

Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务