是什么最小允许 for text-indent属性的负值?

我在我的网站中使用了一个奇异的巨大价值(像text-indent: -99999999px的东西),它停止使用上次的Google Chrome更新。即仍然正常工作,但我可能需要从那里删除几个9的9',让它再次与Chrome一起工作。

免责声明:是的,这个值有点太偏执,我用它来乐趣,并忘记了它,直到今天的文本突然出现在屏幕上。但通常建议的世代古代古典码在遥远的未来的某些时候可能很容易失败?

有帮助吗?

解决方案

安全值是可能生成的,但这不是规范的一部分,而是观察(可能过时的)特定的遗留遗留限制。

在CSS属性值之前可以应用于渲染时的元素,必须将这些声明解析为更可操作和抽象的东西,而不是有效地串。我的意思是,您可以将类型几乎是属性值:

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

第一个例子是,手指交叉,正确解析;最后一个是无效的,将被忽略(因为中等马铃薯目前不是W3C CSS规范的一部分);但是中间一个是古怪的应该 overflow (不是“fit”在内存中分配的内存浏览器)。我汇集了一个小提琴,这些是浏览器“窒息”且默认为零:的世代ocodetagcode值

#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)的限制 - 这将适用于不仅文本缩进但是其他长度值。我不知道这个值跨不同的浏览器及其版本的符合程度,也不是如何适用于以不同单位表示的分数或值。

其他提示

没有最低文本缩进 - 我之前只使用了几个像素,但是对于布局/设计使用的练习不良,请确保在查看等离子尺寸的布局99999px时滚动屏幕 - 绰绰有余 - 如果您仍然希望查看文本并使用造型,请使用边距拼接和位置。

我在ipad safari中使用了999999EM的iPad Safari问题,固定为我将其设置为9999EM。 所以也许没有限制,但应该是避免这个错误的限制。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top