你的位置:首页 > 软件开发 > 网页设计 > CSS3弹性盒模型

CSS3弹性盒模型

发布时间:2015-10-05 22:00:08
弹性盒模型弹性盒模型,在使用弹性盒模型时,父元素必须要加:display:box; 或display: inline-box; box-orient定义盒模型的布局方向,horizontal水平显示,vertical垂直显示<style>  .box {h ...

弹性盒模型

    1. 弹性盒模型,在使用弹性盒模型时,父元素必须要加:display:box; 或display: inline-box;   box-orient定义盒模型的布局方向,horizontal水平显示,vertical垂直显示
      • <style>  .box {height: 100px; border: 10px solid #000; padding: 10px; display: -webkit-box; -webkit-box-orient: vertical;}  .box div {width: 100px; height: 100px; background:red; border: 1px solid #fff;}</style><body>  <div >    <div>1</div>    <div>2</div>    <div>3</div>  </div></body>

        原标题:CSS3弹性盒模型

        关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。