Foxtable(狐表)用户栏目专家坐堂 → XXXXX这样的网页,应该怎么做?


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

主题:XXXXX这样的网页,应该怎么做?

帅哥哟,离线,有人找我吗?
有点甜
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2017/10/29 21:28:00 [显示全部帖子]

如果是固定大小的,可以用表格来做,做一个两列多行的表格。

 

如果不固定大小,就比较麻烦 https://www.baidu.com/baidu?wd=%E7%80%91%E5%B8%83+css

 


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2017/10/31 10:21:00 [显示全部帖子]

以下是引用zhangjian222200在2017/10/30 19:09:00的发言:
需求:主要是人的照片,且图片大小不一致,图片处理成大小相同不难,只是处理完,人不能处于照片之外

想问:目前有技术能这样处理吗?
[此贴子已经被作者于2017/10/30 19:30:50编辑过]

 

1、上传的图片,如果处理成相同尺寸的很简单,你处理尺寸,只是把图片变形而已,图像内容没有改变;

 

2、上传的图片也可以不处理其尺寸的,你网页显示的时候,控制好其尺寸即可。


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2017/10/31 17:35:00 [显示全部帖子]

参考

 

Select Case e.Path
    Case "test.htm",""
        Dim wb As New WeUI
        With wb.AddTable("","Table1")
            '.head.AddRow("部门","姓名","年龄","电话","地址") '表头
            .body.AddRow("<img src='./images/001.jpg' width='100%' height='100px'>","<img src='./images/001.jpg' width='100%' height='100px'>")
            .body.AddRow("<img src='./images/001.jpg' width='100%' height='100px'>","<img src='./images/001.jpg' width='100%' height='100px'>")
            .body.AddRow("<img src='./images/001.jpg' width='100%' height='100px'>","<img src='./images/001.jpg' width='100%' height='100px'>")
        End With
        e.WriteString(wb.Build)
End Select


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2017/11/19 20:26:00 [显示全部帖子]

Select Case e.Path
    Case "test.htm",""
        Dim wb As New WeUI
        wb.AppendHTML("<style>.class_outer {    display: block;        position: relative;    overflow: hidden;}.class_cover {    width: 100%;    height: 50px;    line-height: 50px;    padding-left: 5px;    background-color: rgba(0, 0, 0, .50);    color: #FFFFFF;    font-size: 26px;    position: absolute;    left: 0px;    bottom: 0px;}</style>")
        With wb.AddTable("","Table1")
            '.head.AddRow("部门","姓名","年龄","电话","地址") '表头
            .body.AddRow("<a href='#' class='class_outer'> <img src='./images/001.jpg' border='0' width='100px' height='300px' /> <span class='class_cover'>12345678?</span> </a>","<a href='#' class='class_outer'> <img src='./images/001.jpg' border='0' width='100px' height='300px' /> <span class='class_cover'>12345678?</span> </a>")
            .body.AddRow("<img src='./images/001.jpg' width='100%' height='100px'>","<img src='./images/001.jpg' width='100%' height='100px'>")
            .body.AddRow("<img src='./images/001.jpg' width='100%' height='100px'>","<img src='./images/001.jpg' width='100%' height='100px'>")
        End With
        e.WriteString(wb.Build)
End Select

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/1/1 16:24:00 [显示全部帖子]

如果是表格排版,单元格的宽度和高度是固定的。如果你的图片没有用固定的宽高,那么就有空白。

 

每一张的图片的宽高比例都不一样,如果固定了宽度,那么高度也肯定不一行,那肯定有空白。


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/1/1 22:39:00 [显示全部帖子]

https://www.xttblog.com/?p=1472

 

设置max-width属性为200px,max-height:100%


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/1/1 22:51:00 [显示全部帖子]

如代码

 

Select Case e.Path
    Case "test.htm",""
        Dim wb As New WeUI
        With wb.AddTable("","Table1")
            '.head.AddRow("部门","姓名","年龄","电话","地址") '表头
            .body.AddRow("<img src='./images/001.jpg' border='0' style='width:auto;height:auto;max-width:200px;max-height:100%' />","<img src='./images/001.jpg' border='0' style='width:auto;height:auto;max-width:200px;max-height:100%' />")
        End With
        e.WriteString(wb.Build)
End Select


 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/1/2 14:34:00 [显示全部帖子]


Select Case e.Path
    Case "test.htm",""
        Dim wb As New WeUI
        With wb.AddTable("","Table1")
            '.head.AddRow("部门","姓名","年龄","电话","地址") '表头
            .body.AddRow("<img src='./images/001.jpg' border='0' style='width:auto;height:auto;max-width:100%;max-height:100%' />","<img src='./images/001.jpg' border='0' style='width:auto;height:auto;max-width:100%;max-height:100%' />")
        End With
        e.WriteString(wb.Build)
End Select

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/1/15 14:48:00 [显示全部帖子]

贴出可以测试的代码,或者请单独做个实例发上来测试。

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2018/1/15 15:18:00 [显示全部帖子]

你贴出的代码无法测试,单独贴出可以直接测试的代码,如15楼,或者做个实例发上来

 

Select Case e.Path
    Case "test.htm",""
        Dim wb As New WeUI
        With wb.AddTable("","Table1")
            '.head.AddRow("部门","姓名","年龄","电话","地址") '表头
            .body.AddRow("<img src='./images/001.jpg' border='0' style='width:auto;height:auto;max-width:200px;max-height:100%' />","<img src='./images/001.jpg' border='0' style='width:auto;height:auto;max-width:200px;max-height:100%' />")
        End With
        e.WriteString(wb.Build)
End Select


 回到顶部
总数 25 1 2 3 下一页