Html 如何仅使用内联样式删除跨元素之间的空间？

我想用两种颜色（红色和蓝色）显示一个单词“WorldWide”

我尝试过使用跨度元素，如下所示

<span style="color:red">World</span><span style="color:blue">Wide</span>

全球

但问题是，电子邮件客户端将html格式化如下，因此由于html中添加了新行，文本最终显示为两个单词（World Wide而不是WordWide）

<span style="color:red">World
</span>
<span style="color:blue">Wide
</span>

世界
宽的

---

因此，我的问题是：考虑到html客户端格式化/添加新行以跨越元素，如何以两种颜色显示单个单词？请注意，电子邮件客户端中只允许内联样式，因此我不能使用

标记。

您可以

浮动

第一个元素

世界
宽

float属性指定框（元素）是否应浮动。 您可以在

span

标记中添加

float

。 对于您的代码，您只需要，

float:left

和第一个

span

标记

就这样吧

世界
宽

我知道float不能很好地处理电子邮件。我知道跨距是内联块，但添加内联代码可能会使它工作

世界
广角和其他单词

或者你可以使用这张已经是红蓝相间的世界先生的照片是的，我想我会用那张如果单词/跨距超过2个，则此选项似乎不起作用。事实上，全世界只是举了一个例子。我没有意识到这个解决方案可能只适用于“两个”跨距，而不是3个或更多的跨距。@Books如果你有3个单词，请浮动前两个。或者，如果你有42个单词，则将前41个单词浮起。或者把它们都浮起来，也没关系。@Books，这就是为什么你把它作为解决方案删除的原因吗？根据你的帖子，我的解决方案解决了这个问题。为什么你会取消选择它作为解决方案，因为你需要一个不同于你在帖子中提供的解决方案？你有责任在帖子中重现这个问题，我们会解决这个问题。如果你的实际问题与你发布的不同，我们怎么知道？