时间戳

首页 > 解决方案 > 尽管给定单元格间距，图像（徽标）之间没有间隙

html - 尽管给定单元格间距，图像（徽标）之间没有间隙

问题描述

我正在制作一个网站，我想将徽标放在表格中以实现响应式设计。我在执行此操作时遇到问题，这是我的代码：-

<table border="0"align="center" cellspacing="200px">
    <tr>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\lt.png" alt="" border=0 height=100 width=100></img></td>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\ncc.png" alt="" border=0 height=100 width=100></img></td>
                <!-- considering it is on the same folder that .html file -->
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\asia engineering.png" alt="" border=0 height=100 width=100></img></td>
    </tr>
    <tr>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\lt.png" alt="" border=0 height=100 width=100></img></td>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\ncc.png" alt="" border=0 height=100 width=100></img></td>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\asia engineering.png" alt="" border=0 height=100 width=100></img></td>
    </tr>
    <tr>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\lt.png" alt="" border=0 height=100 width=100></img></td>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\ncc.png" alt="" border=0 height=100 width=100></img></td>
                <!-- considering it is on the same folder that .html file -->
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\asia engineering.png" alt="" border=0 height=100 width=100></img></td>
    </tr>
    <tr>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\lt.png" alt="" border=0 height=100 width=100></img></td>
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\ncc.png" alt="" border=0 height=100 width=100></img></td>
                <!-- considering it is on the same folder that .html file -->
        <td><img src="C:\Users\varun\OneDrive\Desktop\conbusi\website\img\clients\asia engineering.png" alt="" border=0 height=100 width=100></img></td>
    </tr>
</table>

当我运行代码时，我发现徽标靠得很近在笔记本电脑上，您可以在下面给出的图像中看到：-

当我指定单元格间距 =“200px”时，图像靠得很近

标签： htmlcss

解决方案

推荐阅读