CSS Sprite按钮使用表...无法在IE（quirks模式）中删除表后的换行符 [英] CSS Sprite Button Using Table... Can't get rid of line breaks after table in IE (quirks mode)

问题描述

我使用以下图片创建了一个css按钮...

I am creating a css button using the following image...

这是一个表的背景。图像的文本在td块内。

This is the background of a table.. the text for the image goes inside td blocks.

你可以在这里看到它，请查看源代码看看它是如何工作的，css是内联的。

You can see it in action here, please view source to see how it all works, css is in-lined.

css按钮链接

一切似乎都是工作伟大...但查看它在IE和Firefox。你会注意到，由于某种原因在IE中有换行符，而不是在Firefox中。我想要它没有换行符，firefox风格。

Everything appears to be working great... but view it in IE and Firefox. You'll notice that for some reason there are line breaks in IE and not in Firefox. I want it to not have the line breaks, firefox style.

我知道很多人会立即说只要添加一个DOCTYPE标签，一切都会好！
不幸的是我的用例是这样的，它必须在I.E.怪异模式：（

I know a lot of people will immediately say "Just add a DOCTYPE tag and all will be well!" Unfortunately my use case is such that it has to work in I.E. quirks mode :(

那么这是一个限制..任何想法？

So..with that being a restriction.. any ideas?

推荐答案

您尝试添加 float：left; 到css类 .spriteTableButton ？这可以立即解决linebreak的问题。

Did you try to add "float:left;" to css class ".spriteTableButton" ? This can solve the problem of linebreak in no time.

这篇关于CSS Sprite按钮使用表...无法在IE（quirks模式）中删除表后的换行符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！