html - 图像替换和文本对齐：右

Question

我正在尝试实现图像大小调整技术，它们都工作得很好——也就是说，直到你弹出一个：

body {
    text-align: right;
}

示例：http: //jsfiddle.net/mAGhh/

以前有没有人处理过这个问题？我当然可以包装所有元素并使用图像替换，但我很确定我会遇到内联问题......

Answer 1

如果您使用它来删除用于图像替换的文本：

element {
    text-indent: -9999px;
}

...而且你有text-align:right，负缩进将无法正常工作。该技巧旨在处理标准的左对齐文本。

一个好的防御措施是在以text-align:left这种方式进行图像替换时显式声明元素。