问题标签 [text-indent]

我的博客文章有一条规则：

在 div 中定义：

我在<p>定义中有一些图片，如下所示：

发生的事情是：首先调整图像的大小在应用缩进之前发生，所以图片的右边距超出定义的填充（3em）缩进的大小（1.5em），不应该缩进后调整图像大小？

然后即使text-indent: 0em;图像仍然遵循 p+p 的规则并有缩进。

我解决了将最大宽度设置为 96% 而不是 100% 的问题，但是没有更合乎逻辑的方法来解决这个问题吗？

谢谢

我已经有以下风格：white-space: pre-wrap;

这允许将换行符视为元素的换行符（并且空格不会折叠）。

现在我想申请text-indent: -40px; padding-left: 40px;尝试产生这样的东西：

不幸的是，它并没有达到我的预期：

CSS中有没有办法缩进换行，但将换行算作新的第一行？

我有一些 javascript 计算一个值并将其作为文本缩进应用于选择列表。除了在 Firefox 上（我使用最新版本）外，这可以跨浏览器和设备正常工作。

使用 firebug，我可以看到正确的文本缩进像素值被应用为内联样式，但结果是缩进宽度的两倍。

如果我禁用文本缩进并应用与左填充相同的像素值，我可以看到它是正确的。如果我禁用 javascript 并使用普通 CSS 应用相同的文本缩进，它也可以正常工作。谢谢

我尝试将 PDF 书籍转换为移动书籍 (html)，并且我还想重新创建布局。在那里，每次中断后，文本都是一行。这应该是可行的

但我做错了什么，因为它不起作用。

我不想对段落执行此操作，因为默认情况下它还包含一个空行，但这些中断并不总是意味着一个全新的段落......

In this question positioning text of anchor within a div and given the same code which I repeat here:

HTML Markup

CSS Style

Answer

Fiddle

My question is why does not the line-height make the a break out of the div

当我在 CSS 中使用 text-ident 属性时，我期望看到的是当您将注意力集中到文本输入区域时，文本光标图标/插入符号将显示为缩进。但它似乎在您输入第一个字符之前没有缩进。唯一的解决方法是在输入元素上使用左填充，但我想避免使用填充，因为我也在设置宽度并且不想使用 IE 特定的电子表格为 IE 实现填充修复。

这个错误发生在 Safari 中。

请参阅下面的图片，了解我正在谈论的内容。

在没有文本时聚焦，文本标识不会影响插入符号的位置：

当您开始输入时，它会正确缩进：

在您输入然后删除您输入的内容后，它会从头开始显示我希望它执行的操作（缩进插入符号）。

HTML：

CSS：

该属性允许的最小负值是text-indent多少？

我在我的网站中使用了一个奇怪的巨大值（类似于text-indent: -99999999px），并且它停止使用最后一次 Google Chrome 更新。IE 仍然可以正常工作，但我可能需要从那里删除几个 9 才能使其再次与 Chrome 一起使用。

免责声明：是的，这个值有点太偏执了，我用它来取乐并完全忘记它，直到今天屏幕上弹出文本。但是通常建议的方法text-indent: -9999px可能会在（不是那么）遥远的将来的某个时候轻易失败？

所以我有以下图像替换文本：

这具有以下CSS：

现在在谷歌浏览器最近更新之前，我从未见过没有缩进的文本。然而，就在几天前，文本突然出现在替换图像的顶部。有没有其他人看到这种情况发生，特别是并且仅使用 Google Chrome 版本 22.0.1229.79？

我基本上是在尝试使用包含文本缩进的段落来执行此操作，但无法获得它，因为 display:inline 不允许文本缩进。有任何想法吗？

我真的很喜欢一种做法，因为它对可访问性和使用屏幕阅读器的人来说非常有用，但我想知道谷歌是否可以认为这是“试图愚弄他”并将我列入黑名单？这是我的例子：当我创建一个公司名称的徽标时，我真的很喜欢这样做：

然后，我会text-indent: -9999px;在我的 CSS 中将文本推出屏幕，但使用屏幕阅读器的人将能够阅读它......你怎么看？不好或好的做法，我可以为此被列入黑名单吗？