今天发现一个问题:上下两个表格中间有大约5象素的间距。
代码是这样的

<!--head-->
    <div align="center">
        <table width="778" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img src="images/head.gif"></td>
            </tr>
        </table>
    </div>
    <!--end head-->
    <!--menu-->
    <div align="center">
        <table width="778" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img src="images/menu_1.gif" width="8" height="37" alt=""></td>
                <td>
                    <img src="images/menu_2.gif" width="668" height="37" alt=""></td>
                <td>
                    <img src="images/menu_3.gif" width="13" height="37" alt=""></td>
                <td>
                    <img src="images/menu_4.gif" width="67" height="37" alt=""></td>
                <td>
                    <img src="images/menu_5.gif" width="22" height="37" alt=""></td>
            </tr>
        </table>
    </div>
    <!--end menu-->

最后经过调试,终于发现是因为head中image的宽度和高度没有设定。改成下面的代码即可。

<!--head-->
    <div align="center">
        <table width="778" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img src="images/head.gif" width="778" height="98" alt=""></td>
            </tr>
        </table>
    </div>
    <!--end head-->
    <!--menu-->
    <div align="center">
        <table width="778" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <img src="images/menu_1.gif" width="8" height="37" alt=""></td>
                <td>
                    <img src="images/menu_2.gif" width="668" height="37" alt=""></td>
                <td>
                    <img src="images/menu_3.gif" width="13" height="37" alt=""></td>
                <td>
                    <img src="images/menu_4.gif" width="67" height="37" alt=""></td>
                <td>
                    <img src="images/menu_5.gif" width="22" height="37" alt=""></td>
            </tr>
        </table>
    </div>
    <!--end menu-->

如果还有间隔的话,把<td><img src="" width="" height=""></td> 中间不要留空格。

posted on   阿米  阅读(1293)  评论(0编辑  收藏  举报
编辑推荐:
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
阅读排行:
· 不到万不得已,千万不要去外包
· C# WebAPI 插件热插拔(持续更新中)
· .NET 9 new features-C#13新的锁类型和语义
· 会议真的有必要吗?我们产品开发9年了,但从来没开过会
· 《SpringBoot》EasyExcel实现百万数据的导入导出



点击右上角即可分享
微信分享提示