02AppCan入门学习之弹性盒子模型-创新互联

弹性盒子模型

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站制作、成都做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的望都网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

效果:

02 AppCan入门学习之弹性盒子模型

一、弹性盒子模型

1. 流式布局

       

           流式文件左边

           流式文件右边

       

2. 弹性盒子 -webkit-box-flex

 -webkit-box-flex

       

           

弹性合子左边11111

           

弹性合子右边1

       

       

           aaaa

           bbbb

           cccc

       

 position:absolute

       

           

               

aaaa

           

           

               

bbbb

           

           cccc

       

  -webkit-box-direction:reverse;

       

           

               

aaaa

           

           

               

bbbb

           

           cccc

       

   -webkit-box-orient:vertical

       

           

               

aaaa

           

           

               

bbbb

           

           cccc

       

       

           

aaaa

           

bbbb

           

cccc

       

二、字体大小、边框等设置

       

按钮1

       

按钮2

       

按钮3

       

按钮4

附:带有My表示是自己在程序(ui-base.css文件)中添加的设置

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


新闻标题:02AppCan入门学习之弹性盒子模型-创新互联
链接地址:http://ybzwz.com/article/ddhseg.html

其他资讯