内联元素的文本缩进问题

时间:2012-01-13 04:23:32

标签: css3 inline anchor css

我有一个背景锚。锚点里面有文字。但是,我不希望显示文本,因为锚具有背景图像,我只想显示背景图像 通过使用以下CSS,我能够完成它,但它只适用于CSS3浏览器:http://jsfiddle.net/3SmmL/

通过添加display:inline-block;元素作为块元素,但允许其他div保持内联。因此,文本缩进将正常工作。 (因为内联元素不支持text-indent)

但是,在非CSS3支持的浏览器中,不支持inline-block属性,因此整个锚缩进-999999px。如果我使用display:block;并将宽度设置为0,锚点看起来与CSS3版本完全相同,但它们都会显示在不同的行上(例如:http://jsfiddle.net/3SmmL/1/)如何让所有div显示在同一个绝对定位。我也无法修改HTML代码。

1 个答案:

答案 0 :(得分:2)

只需将float: left添加到您的第二个小提琴中。这将使他们按照你想要的方式调整。

http://jsfiddle.net/bnaegele/3SmmL/8/