<article>
<div class="boxt">
<div class="boxt-right"><img src="data: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-width: 600px) {
.boxt{ margin-top: 20px; } .boxt-right{
float: right;
margin-left: 20px;
}
}
@media screen and (max-width: 600px) {
.boxt{ margin-top: 20px;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
} .boxt-right{
margin:0 auto;
-webkit-order: 3; }
}

  

display: -webkit-flex; 手机上图下文字,pad上有浮动。的更多相关文章

  1. 详细介绍弹性盒模型(display:flex)

    弹性盒模型,即Flexbox,是css3中的新特性,其实弹性盒模型的原身是dispaly:box:这里,我们暂时不考虑旧的,我们只看新的. 为容器指定弹性盒子,只需在父元素(也就是容器)中设置:dis ...

  2. 关于display:flex

    遇到了一个bug 就是display:flex   遇到的bug原型就是,项目容器的diaplay:flex ,一行项目五个,到最后一行只剩两个的时候 是两端对齐的,如果再添加的话 也就是两端各一个子 ...

  3. 自定义控件,上图下字的Button,图片任意指定大小

    最近处在安卓培训期,把自己的所学写成博客和大家分享一下,今天学的是这个自定义控件,上图下字的Button安卓自带,但是苦于无法设置图片大小(可以在代码修改),今天自己做了一个,首先看一下效果图,比较实 ...

  4. [Flex] flex手机项目如何限制横竖屏?只允许横屏?

    flex手机项目如何限制横竖屏?只允许横屏?   有人知道吗?求教.. 工程中 xxx-app.xml 找到</aspectRatio> 去掉注释 修改为<aspectRatio&g ...

  5. IE6 IE7下文字显示竖排的解决办法

    IE下文字显示竖排的解决办法: white-space:nowrap;

  6. 织梦手机站下一篇变上一篇而且还出错Request Error!

    最新的织梦dedecms程序手机版下一篇变上一篇而且还出错Request Error!,这是因为官方写错了一个地方 打开 /include/arc.archives.class.php 找到 $mli ...

  7. 学习关于display :flex 布局问题!

    很多人不明白这个display:flex是到底是什么东西,如何使用的  . 1.什么是display:flex呢? 答:flex是 flexible  box的缩写,意为弹性布局 :这个东西的引入,为 ...

  8. click 在网页测试手机模式下无效,不能执行。调成非手机模式即可

    click  在网页测试手机模式下无效,不能执行. 调成非手机模式即可

  9. WebKit 在 Windows 平台下编译小结

    虽然WebKit 已经越来越多的被广大程序员接受,但其编译过程却非常之痛苦.下面将我编译WebKit 代码的经验与大家分享. 1) 获取WebKit 源代码 WebKit 源代码是使用Subversi ...

随机推荐

  1. bzoj3043

    这道题完全没想出来,引自 http://blog.csdn.net/willinglive/article/details/38419573的题解 对于带有“将一段区间内的每个数全部加上某个值”这种操 ...

  2. C语言基础课程 第一课 Linux环境配置小实战httpserver

     网段我需要改成如下 10.重启网络服务 并且查看ip 11. 打开windows的浏览器数人Linux的IP地址出现REDHAT的欢迎界面 11.进入目录 12.编写一个简单的html脚本 13 ...

  3. 【动态规划】HDU 5791 Two

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5791 题目大意: A,B两个数列,问A的子集和B的子集相等的子集对数.子集内顺序按照数列顺序,相同的 ...

  4. poj2406 Power Strings(kmp失配函数)

    Power Strings Time Limit: 3000MS Memory Limit: 65536K Total Submissions: 39291 Accepted: 16315 Descr ...

  5. SwingConsole

    Java的Swing默认不是线程安全的,类的调度应该由线程分派器来安排.如果每个类都各个各的调度,有可能造成线程紊乱,带来一些难以检测的错误. 对于编写实验性代码(每次都只有一个JFrame),如果每 ...

  6. How many ways?? - hdu2157(矩阵快速幂-模板)

    分析:求Map^k,刚开始没有用快速幂,TLE了   代码如下: =================================================================== ...

  7. RabbitMQ-死信(Dead Letter)

    对于有异常的消息我们可以有如下做法: 记录下来再ack. nack或者reject,同时将requeue设为false. 在第2条的基础上增加死信(Dead Letter).   上边的第3个做法可以 ...

  8. javascript 函数 方法

    函数 1.函数的定义 (1)function 函数名(x){ 函数执行体; } (2)var 函数名=function(x){ 函数执行体; }; 这种方法说明,在javascript中,函数就是一种 ...

  9. Windows环境下python多版本配置方案

    系统环境 Windows,安装了msys2,windows和msys2都安装了python,且版本比较多,使用shell/bash聚合工具conemu64 配置方案 配置msys2环境用户目录下的.b ...

  10. 程序启动原理和UIApplication

    iOS开发UI篇—程序启动原理和UIApplication   一.UIApplication 1.简单介绍 (1)UIApplication对象是应用程序的象征,一个UIApplication对象就 ...