如何解决HTML中图像之间的空白问题?

如何解决HTML中图像之间的空白问题?,html,image,web,html-table,photoshop,Html,Image,Web,Html Table,Photoshop,要求 我想创建一个具有多个超链接的图像,并通过电子邮件发送给某人 我所做的 我使用了Photoshop的切片方法,并在切片中添加了URL。我把这篇作文存到网上。为了让它在我的收件人端工作,我将每个片段上传到一个在线照片托管网站,并将HTML标记img src=“local photo location”编辑为img src=“online photo location”。但问题是我在每个切片之间有多个空白,这会扭曲整个图像 代码 一般资料页七月二十五日 确保每个表格单元格的填充为0px,然后

要求

我想创建一个具有多个超链接的图像,并通过电子邮件发送给某人

我所做的

我使用了Photoshop的切片方法,并在切片中添加了URL。我把这篇作文存到网上。为了让它在我的收件人端工作,我将每个片段上传到一个在线照片托管网站,并将HTML标记img src=“local photo location”编辑为img src=“online photo location”。但问题是我在每个切片之间有多个空白,这会扭曲整个图像

代码


一般资料页七月二十五日

确保每个表格单元格的填充为0px,然后将
边框间距
属性设置为0,将
边框折叠
属性设置为
折叠
。默认情况下,表格具有间距,从而产生空白。

确保每个表格单元格的填充为0px,然后将
边框间距
属性设置为0,将
边框折叠
属性设置为
折叠
。默认情况下,表格有空格,导致空格。

答案


我可以通过在Hotmail中检查电子邮件的正文部分,然后在inspector中粘贴整个HTML代码来解决这个问题。这样,代码就不会由Outlook解释,而是由web浏览器引擎解释。因此,对于任何试图通过电子邮件发送复杂HTML代码的人来说,这可能是一个坚决的解决方案

回答


我可以通过在Hotmail中检查电子邮件的正文部分,然后在inspector中粘贴整个HTML代码来解决这个问题。这样,代码就不会由Outlook解释,而是由web浏览器引擎解释。因此,对于任何试图通过电子邮件发送复杂HTML代码的人来说,这可能是一个坚决的解决方案

把代码扔掉。从头开始。不要将表格用于布局。这不是1997年。CSS现在很受web浏览器的支持。也不要写无效的HTML:图像包含白色space@Quentin:问题涉及电子邮件,而不是网络浏览器。标签应该是固定的,扔掉代码。从头开始。不要将表格用于布局。这不是1997年。CSS现在很受web浏览器的支持。也不要写无效的HTML:图像包含白色space@Quentin:问题涉及电子邮件,而不是网络浏览器。标签应该是固定的。