Foxtable(狐表) → 用户栏目 → 专家坐堂 → 不使用table，做下面的手机端图片显示，如下图，怎么弄？


  共有2139人关注过本帖树形打印复制链接

主题：不使用table，做下面的手机端图片显示，如下图，怎么弄？
帅哥哟，离线，有人找我吗？
zhangjian222200
 小大  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1533 积分：10818 威望：0 精华：0 注册：2016/9/12 11:18:00 		不使用table，做下面的手机端图片显示，如下图，怎么弄？  发帖心情 Post By：2018/3/8 11:28:00 [只看该作者]

因为使用table，图片到边间距是两图片间距的一半，无法设置间距相同，看起来很别扭

图片点击可在新窗口打开查看此主题相关图片如下：qq图片2017103115584777.png
图片点击可在新窗口打开查看
[此贴子已经被作者于2018/3/8 11:31:00编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：版主 帖子：85326 积分：427815 威望：0 精华：5 注册：2012/10/18 22:13:00 		  发帖心情 Post By：2018/3/8 11:31:00 [只看该作者]

比如，生成这样的html代码

 

<div><img></img><img></img></div>

<div><img></img><img></img></div>

<div><img></img><img></img></div>
 回到顶部
帅哥哟，离线，有人找我吗？
zhangjian222200
 小大  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1533 积分：10818 威望：0 精华：0 注册：2016/9/12 11:18:00 		  发帖心情 Post By：2018/3/8 11:48:00 [只看该作者]

这样吗？

Select Case e.Path
    Case "test.htm",""
        Dim wb As New WeUI
        wb.InsertHTML("<div><img  src='./images/001.jpg' width='100%' height='100px'></img><img   src='./images/001.jpg' width='100%' height='100px'></img></div>")
        wb.InsertHTML("<div><img  src='./images/001.jpg' width='100%' height='100px'></img><img   src='./images/001.jpg' width='100%' height='100px'></img></div>")
        e.WriteString(wb.Build)
End Select
[此贴子已经被作者于2018/3/8 12:11:35编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
有点甜
 小大  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：版主 帖子：85326 积分：427815 威望：0 精华：5 注册：2012/10/18 22:13:00 		  发帖心情 Post By：2018/3/8 12:24:00 [只看该作者]

Select Case e.Path
    Case "","test.htm"
Dim wb As New WeUI
        wb.InsertHTML("<div><img  src='./images/001.jpg' width='50%' height='100px'></img><img   src='./images/001.jpg' width='50%' height='100px'></img></div>")
        wb.InsertHTML("<div><img  src='./images/001.jpg' width='50%' height='100px'></img><img   src='./images/001.jpg' width='50%' height='100px'></img></div>")
        e.WriteString(wb.Build)
End Select

 回到顶部
帅哥哟，离线，有人找我吗？
zhangjian222200
 小大  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1533 积分：10818 威望：0 精华：0 注册：2016/9/12 11:18:00 		  发帖心情 Post By：2018/3/10 11:42:00 [只看该作者]

按以下代码，图片之间的间距=0、图片到边间距=0

Dim e As RequestEventArgs = args(0)                            
Dim wb As New weui
wb.InsertHTML("<div><img  src='./images/001.jpg' width='50%' height='100px'></img><img   src='./images/001.jpg' width='50%' height='100px'></img></div>")
wb.InsertHTML("<div><img  src='./images/001.jpg' width='50%' height='100px'></img><img   src='./images/001.jpg' width='50%' height='100px'></img></div>")
wb.InsertHTML("<div><img  src='./images/001.jpg' width='50%' height='100px'></img><img   src='./images/001.jpg' width='50%' height='100px'></img></div>")
e.WriteString(wb.Build)

截图如下：

图片点击可在新窗口打开查看此主题相关图片如下：qq图片20180310114329.png
图片点击可在新窗口打开查看

[此贴子已经被作者于2018/3/10 11:41:47编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
有点蓝
 小大  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106603 积分：542186 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2018/3/10 11:58:00 [只看该作者]

一样设置margin、padding啊，样式都是通用的

 回到顶部
帅哥哟，离线，有人找我吗？
zhangjian222200
 小大  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：七尾狐 帖子：1533 积分：10818 威望：0 精华：0 注册：2016/9/12 11:18:00 		  发帖心情 Post By：2018/3/10 12:07:00 [只看该作者]

Dim e As RequestEventArgs = args(0)                            '00
Dim wb As New weui
wb.InsertHTML("<div style='margin:0.5em;'><img  src='./images/001.jpg' width='50%' height='100px'></img><img   src='./images/001.jpg' width='50%' height='100px'></img></div>")
wb.InsertHTML("<div><img  src='./images/001.jpg' width='50%' height='100px'></img><img   src='./images/001.jpg' width='50%' height='100px'></img></div>")
wb.InsertHTML("<div><img  src='./images/001.jpg' width='50%' height='100px'></img><img   src='./images/001.jpg' width='50%' height='100px'></img></div>")
e.WriteString(wb.Build)

第一段代码，加了上述粉色，中间依然没有间距，截图如下

图片点击可在新窗口打开查看此主题相关图片如下：qq图片20180310120957778.png
图片点击可在新窗口打开查看

[此贴子已经被作者于2018/3/10 12:07:54编辑过]
 回到顶部
帅哥哟，离线，有人找我吗？
有点蓝
 小大  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级：超级版主 帖子：106603 积分：542186 威望：0 精华：9 注册：2015/6/24 9:21:00 		  发帖心情 Post By：2018/3/10 14:16:00 [只看该作者]

设置到对应的标签，比如要图片有间隔，就加在img里，要图片组有间隔，就加在div里。

多思考，多动手
 回到顶部
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright © 2000 - 2018 foxtable.com Tel: 4000-810-820 粤ICP备11091905号
   Powered By Dvbbs Version 8.3.0
页面执行时间 0.04102 秒, 4 次数据查询