使用"text-indent"隐藏文本

Question

我试图<li>通过设置使用CSS 隐藏元素中的一些文本text-indent: -999px;.
出于某种原因,当我将文档的方向设置为"rtl"(从右到左 - 我的网站是希伯来语)时,这不起作用.
当方向是"rtl"时,文字仍然显示......
任何人都知道为什么,并绕过这个？

Answer 1

随着text-indent: -9999px尝试使用display: block;.它为我解决了.

此外,如果您需要li元素水平浮动(例如水平菜单),请使用float: left;.

Answer 2

如何设置direction:ltr你想要给予否定的元素text-indent？

演示: jsfiddle.net/Marcel/aJBnN/1/

Answer 3

这text-indent: -99px是一个老把戏，这不是隐藏文本的最佳方法。为什么不使用visibility:hidden替代呢？