div 完美三等分

所属分类:UI-布局

 78983  337  查看评论 (4)
分享到微信朋友圈
X
div 完美三等分 ie兼容11

父容器样式

/*盒模型*/
display: -webkit-box;
display: -moz-box;
display: box;

/*横向or纵向*/
-webkit-box-orient: horizontal;   /*属性值:[horizontal]横向/[vertical]纵向*/
-moz-box-orient: horizontal;
box-orient: horizontal;

子容器样式 

不用给宽高,继承父容器的宽高

/*占有比例*/
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;

html代码

<!-- 横向排列 -->
    <div id="nav">
        <div id="box1">1</div>
        <div id="box2">2</div>
        <div id="box3">3</div>
    </div>
    <!-- 纵向排列 -->
    <div id="nav2">
        <div id="box4">4</div>
        <div id="box5">5</div>
        <div id="box6">6</div>
    </div>
相关插件-布局

VR游戏开发公司网站响应式模板

游戏开发公司网站响应式模板
  布局
 34878  415

响应式无限滚动瀑布流

响应式无限滚动瀑布流,调整浏览器窗口大小查看效果
  布局
 28927  354

超实用、超有范的简约Bootstrap个人简历html模板

这是一款简约Bootstrap个人简历html模板_蓝色风格无刷新html5个人网站模板
  布局
 58647  527

jQuery手机应用类网站模板

jQuery bootstrap响应式手机应用类网站模板
  布局
 19302  252

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    追忆 0
    2017/6/2 15:07:45

    没卵用,只兼容ie11

    回复
    靠谱好青年 0
    2016/3/11 9:03:58
    多谢,学习了
        说破。0
        2016/3/11 10:03:15
        这个还不够完善,只是简单的写了一下
    回复
    西瓜 0
    2015/11/9 14:11:29

    感谢大家反馈,已经修改好了,可以正常下载了。

    回复
    说破。 0
    2015/11/9 11:11:17
    说破。 0
    2015/8/18 14:08:28

    网站在维护吧,我自己也下载不了

    回复
    lqran 0
    2015/8/18 14:08:17
    说破。 0
    2015/7/10 15:58:57
    说破。 0
    2015/7/10 15:58:10
    @╲↘快樂ㄋ* 可以下载啊,是不是你网卡了,我这边可以下载 回复
    ╲↘快樂ㄋ* 0
    2015/7/10 15:56:54
    站长 资源怎么都不能下载了 回复
    OUR 0
    2015/6/1 14:53:53
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复