PhoneGap中文网

 找回密码
 立即注册
查看: 21143|回复: 3
打印 上一主题 下一主题

请教下ionic的栅格布局怎么样用的呢?

[复制链接]

2

主题

5

帖子

22

积分

新手上路

Rank: 1

积分
22
跳转到指定楼层
楼主
发表于 2017-1-3 23:02:45 | 只看该作者 |只看大图 回帖奖励 |正序浏览 |阅读模式
想实现这种左边一个大图,右边两个小图在一行的 。我用
<div class="row">
                          <div class="col col-50"><img src="img/cs300x300.jpg"></div>
                          <div class="col col-50 col-top"><img src="img/cs300x300.jpg"></div>
                          <div class="col col-50 col-bottom"><img src="img/cs300x300.jpg"></div>
</div>
实现不了 图片没有自动缩小,布局也不对。。

回复

使用道具 举报

0

主题

3

帖子

8

积分

新手上路

Rank: 1

积分
8
地板
发表于 2017-1-9 09:25:07 | 只看该作者
<div class = "row">
      <div class = "col">
         <img/>
     </div>
     <div class = "col">
        <div class =  "row"><img/></div>
        <div class = "row"><img/></div>
     </div>
</div>
回复 支持 反对

使用道具 举报

0

主题

3

帖子

8

积分

新手上路

Rank: 1

积分
8
板凳
发表于 2017-1-9 09:24:47 | 只看该作者
<div class = "row">
      <div class = "col">
         <img/>
     </div>
     <div class = "col">
        <div class =  "row">
            <img/>
        </div>
        <div class = "row">
            <img/>
        </div>
     </div>
</div>
回复 支持 反对

使用道具 举报

0

主题

3

帖子

8

积分

新手上路

Rank: 1

积分
8
沙发
发表于 2017-1-9 09:24:07 | 只看该作者
<div class = "row">
      <div class = "col">
         <img/>
     </div>
     <div class = "col">
        <div class =  "row"><img/></div>
        <div class = "row"><img/></div>
     </div>
</div>
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-12-23 06:43 , Processed in 0.067816 second(s), 36 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表