主题：XXXXX这样的网页，应该怎么做？

页面图片分2列

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

 

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

 

需求：主要是人的照片，且图片大小不一致，图片处理成大小相同不难，只是处理完，人不能处于照片之外

2楼百度的结果不就是这种技术么？

3楼主要是问：可以那样处理照片吗？

 

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

 

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

根据楼上与2楼，既然可以控制显示尺寸，用表格做固定大小的，两列多行的表格应该是最好的方案

参考

 

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

我测试过8楼代码，可以生成7楼那样的页面

 

问下：如何在照片下方，写一行文字，文字背景灰色，如下图

此主题相关图片如下：qq图片2017111918303888.jpg

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