Css 文本缩进最小负值

文本缩进

属性允许的最小值是多少

我在我的网站上使用了一个奇怪的巨大价值（类似于

文本缩进：-999999px

），它停止了对谷歌Chrome的上一次更新。IE仍然可以正常工作，但我可能需要从那里删除几个9，使其再次与Chrome一起工作

免责声明：是的，这个值有点太偏执了，我用它是为了好玩，直到今天文本在屏幕上弹出，我才忘记它。但是通常建议的

文本缩进：-9999px

可能在（不太）遥远的将来的某个时候很容易失败？

安全值可能是

-32768px

，但是这不是规范的一部分，而是对特定于实现的遗留限制的观察（可能过时）

在呈现时将CSS属性值应用于元素之前，必须将这些声明解析为比字符串更具可操作性和抽象性的内容。我的意思是，您几乎可以键入任何内容作为属性值：

.a {text-indent: -999px;}
.b {text-indent: -99999999px;}
.c {text-indent: medium potato;}

第一个例子是，祈求好运，正确地解析；最后一个是无效的，将被忽略（因为目前W3CCSS规范中没有一个中等土豆）；但是中间的一个可能会很奇怪（不适合浏览器分配的内存）。我把一把小提琴放在一起，这些是浏览器“阻塞”并默认为零的

文本缩进

值：

#On OSX 10.8 Lion 64bit:
Safari 6       -2^31
Chrome 22      -2^26  #your original -99999999px would have failed here
Firefox 14     -2^70
Opera 12       -2^70

#On Win Server 2008 64bit:
Firefox 13     -2^70
Chrome 21      -2^70
IE 9           -2^70

这让我好奇，明天我会在另一个盒子上做更多的测试。上面的结果更新了，没什么太激动的。-第一个保持可见的项将显示被忽略的应用值。我假设这些值会根据所使用的浏览器/操作系统以及可能的硬件而有所不同

---

我记得第一次看到这样一个限制的实用参考，它建议保守约束为16位有符号整数（从-32768到+32767），这不仅适用于文本缩进，也适用于其他长度值。我不知道这个值在不同浏览器及其版本中的一致性如何，也不知道它对分数或以不同单位表示的值的适用性如何。

没有最小文本缩进-我以前只使用了几个像素，但这对于布局/设计来说是一种不好的做法，在Plasma大小的版面9999px上查看时，请确保它在屏幕上滚动-足够了-如果您仍想查看文本并用于样式设置，请使用边距填充和位置。

我在ipad safari中使用了大量9999em，已修复了将其设置为9999em的问题。

---

因此，可能没有限制，但应该有一个限制来避免这种错误。

只需再添加9：-99999px@chovy：哈哈，谢谢。嗯，我只是想知道是否有已知的限制。谢谢！这是一个很好的答案。我看过那个网站提到16位限制，然后偶然发现其中提到了Chrome中z-index的一个相当大的最大值。对不起，我不明白，“没有最小文本缩进”是什么意思？你问的是“文本缩进允许的最小负值”。您可以按-1px或-9999px缩进，但没有最小值。然而，如果你使用像-1px或-10px等（低数字），你只会真正地使用它的风格，这不是它的意思。它仅用于从屏幕上滚动文本以达到视觉目的，但允许屏幕阅读器等仍然按照文档流阅读文本，而不管文本是否在屏幕上。希望这有帮助。但是，我还是不明白你说的“没有最低限度”是什么意思。在计算中，处理数值时总是有限制的。你读过吗？Google Chrome中显然至少有

-2^26

，这对于我最初使用的值来说是失败的。那么你想实现什么呢？你是不是需要这个来做一些在网络上有用的事情。您的示例返回-67108864/为什么需要这样做。如果你需要在屏幕上滚动，只需使用-999999 px-这应该足够安全，以备将来使用。