div 完美三等分

所属分类:UI-布局

 63735  249  查看评论 (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>
相关插件-布局

jQuery Bootstrap个人简网站模板

jQuery Bootstrap个性化、黑色风格响应式个人简历模板
  布局
 19895  280

5款不同的多级导航切换DIV的jQuery特效

5款不同的多级导航切换的jQuery特效,适用于APP前端特效,点击二级菜单会切换出三级菜单来替换二级菜单。再次点击又会切换回二级菜单,每款都有很炫酷的特效。欢迎大家下载研究研究此特效。
  布局
 36638  327

jQuery响应式云服务器类网站模板

jQuery响应式云服务器,虚拟主机服务公司类网站模板
  布局
 10496  159

CeUI简洁清爽的社交网站模板

简洁的后台简洁模板,CoreUI后台模板,社交网站后台管理模板
  布局
 46344  433

讨论这个项目(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
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复