具有网格视图的应用程序网站

Question

我正在我的博客中建立一个应用程序商店。
应用商店必须在网格视图中。
我如何将图像添加到每个列，如下图所示？
Grid view image

Answer 1

构建具有所需列跨度和边框的表格可能有助于满足您的需求。这是一个示例代码。

<html>
    <table border = "10" cellspacing = "10" cellpadding = "10">
        <tr border = "10"> 
            <td border = "10"> <img src = "abc.JPG" > <h3> Hi this is text below image</h3> </td> 
            <td > <img src = "abc.JPG" > </td> 
            <td > <img src = "abc.JPG" > </td> 
            <td > <img src = "abc.JPG" > </td> 
            <td > <img src = "abc.JPG" > </td> 
        </tr>

        <tr> 
            <td > <img src = "abc.JPG" > </td> 
            <td > <img src = "abc.JPG" > </td> 
            <td > <img src = "abc.JPG" > </td> 
            <td > <img src = "abc.JPG" > </td> 
            <td > <img src = "abc.JPG" > </td> 
        </tr>

    </table>

</html>

具有网格视图的应用程序网站

Website of apps with grid view

html

gridview

blogger

web