缩进文本区域内的所有行

Posted 2023-03-06

【中文标题】缩进文本区域内的所有行

【英文标题】：Indenting all lines inside textarea

【发布时间】：2011-03-22 12:40:18

【问题描述】：

是否可以在文本区域中对每一行进行文本缩进？我使用的是手写字体，每行的第一个字母都被稍微剪掉了。我已经使用了 padding 和 margin，但这不起作用。

非常感谢。

埃里克

【参考方案1】：

不知道 \t 但是

style="padding-left: 4px;"

肯定适用于文本区域的所有行。

【讨论】：

如果开发者不希望元素宽度随着额外的填充而增长，我建议也使用 box-sizing:border-box;

***.com/questions/779434/…

【参考方案2】：

您是否尝试过使用 \t？更多细节会更好，你是在编程还是在打字？如果后者是 Alt-012 是选项卡，您也可以尝试 alt 代码。

编辑我看到您可能在谈论 html 输入文本区域。您可能会将您的问题标记为 HTML，尽管再次查看它是相当直接的上下文。

【讨论】：

这是我的链接：erikrp.com/contact.htm 如果您在“注释”区域键入，当然只有第一行缩进。是否可以使每一行都向左缩进或偏移以避免被截断的文本？原谅我是个完美主义者。非常感谢。

你的目标浏览器是什么？我注意到 chrome 似乎切断了它的一部分，但我的 firefox 没有。使用 Firebug，添加“padding-left: 5px;”为我工作。我会检查它是否适用于 chrome。

谢谢乔希...“a”看起来像垃圾。第一个字符被截断。

在 Chrome 中调整它我发现 6px 是理想的，也许 7 px 比较合适。我使用了大写的 J，因为截止点最明显，也很容易识别。原来的 2px 我确实注意到了一些明显的截止点。你的作品看起来很棒而且很原创。我想建议一些使用 Firebug 的小对齐问题。您可以使用检查工具实时调整 CSS（除其他外）。 Chrome 有一个精简版，Firefox 有一个非常好的全功能版本（当然免费。）你也可以用负边距来对抗填充。

我没有收到一封被砍掉的信。在最坏的情况下，它是字母的一部分。我的IE 8 确实将 textarea 向右推了很多。它可能在您的浏览器版本上起作用。也许其他人可以确认？

【参考方案3】：

在 Chrome 69.0.3497.92 中，这只会为 textarea 中的第一行提供缩进：

text-indent: 2em;

【讨论】：

确实...在 chrome 71.0.3578.80 (Official Build) 上注意到了同样的事情，所以使用 padding-left 代替 text-indent 是安全的