图像替换和文本对齐：正确

Question

我正在尝试执行image resizing techniques，并且它们都运行良好 - 也就是说，直到你弹出：

body {
    text-align: right;
}

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

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

Answer 1

如果您使用此功能删除图像替换文本：

element {
    text-indent: -9999px;
}

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

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