zoukankan      html  css  js  c++  java
  • display: -webkit-flex; 手机上图下文字,pad上有浮动。

    <article>
        <div class="boxt">
        <div class="boxt-right"><img src="images/c0401-002-s.png"/></div>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        
        </div>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        <section class="boxt-left">3.You may have noticed that all three of these words are similar to <i class="red">say</i> in that they have meanings that are connected with <i>showing, telling</i> or <i>explaining</i>. But do you know how to use them c</section>
        
    </article>
    @media screen and (min- 600px) {
    		.boxt{
    			
    			 margin-top: 20px;
    		  	   
    		}
    		
    		.boxt-right{
    			float: right;
    			margin-left: 20px;
    		}
    	}
    	@media screen and (max- 600px) {
    		.boxt{
    			
    			 margin-top: 20px;
    		    display: -webkit-flex;
    		    -webkit-flex-wrap: wrap;
    		}
    		
    		.boxt-right{
    			margin:0 auto;
    			-webkit-order: 3;
        		
    		}
    	}
    

      

  • 相关阅读:
    出现过拟合与欠拟合的原因以及解决方案
    Oracle数据库连接生成DDL
    CentOS 7 安装 maven
    基于Spring mvc 的Websocket 开发
    HttpComponents之httpclient
    java filter 实现权限控制
    java hasmap对象的深复制实现:字节码复制和对象序列化成字符串复制比较。
    eatwhatApp开发实战(二)
    eatwhatApp开发实战(一)
    [安卓安全] 01.安卓本地数据存储:Shared Preferences安全风险浅析
  • 原文地址:https://www.cnblogs.com/sunkunqi/p/5070168.html
Copyright © 2011-2022 走看看