【问题标题】:Indenting all lines inside textarea缩进文本区域内的所有行
【发布时间】:2011-03-22 12:40:18
【问题描述】:

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

非常感谢。

埃里克

【问题讨论】:

    标签: css textarea indentation lines text-indent


    【解决方案1】:

    不知道 \t 但是

    style="padding-left: 4px;"

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

    【讨论】:

    【解决方案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 是安全的
    猜你喜欢
    • 1970-01-01
    • 2012-02-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-04
    • 1970-01-01
    • 2021-07-29
    相关资源
    最近更新 更多