对文本段落操作的一些细节

一个input框,想让它缩进两个字符显示文字,可以这样来实现

<input style="text-indent:2em;500px;">

或者是这样

<input style=";473px;padding-left: 2em">

同样对于多行的文本输入也是如此,代码如下:

<textarea rows="10" cols="100" style="text-indent:2em;"></textarea>

对于段落,也可以采用这种方式,让其首行缩进:

<p style="text-indent:2em;">久未放晴的天空
    依旧留着你的笑容
    哭过却无法掩埋歉疚
    风筝在阴天搁浅
    想念还在等待救援
    我拉着线复习你给的温柔
    暴晒在一旁的寂寞
    笑我给不起承诺
    怎么会怎么会你竟原谅了我
    我只能永远读着对白
    读到我给你的伤害
    我原谅不了我
    就请你当作我已不在
    我睁开双眼看着空白
    忘记你对我的期待
    读完了依赖
    我很快就离开
    久未放晴的天空
    依旧留着你的笑容
    哭过却无法掩埋歉疚
    风筝在阴天搁浅
    想念还在等待救援
    我拉着线复习你给的温柔
    暴晒在一旁的寂寞
    笑我给不起承诺
    怎么会怎么会你竟原谅了我
    我只能永远读着对白
    读到我给你的伤害
    我原谅不了我
    就请你当作我已不在
    我睁开双眼看着空白
    忘记你对我的期待
    读完了依赖
    我很快就...

</p>

大家不妨尝试下……

还有一种就是直接添加空格

<textarea rows="10" cols="100" style="">&nbsp;&nbsp;</textarea>
<p style="">&nbsp;&nbsp;

  久未放晴的天空 依旧留着你的笑容 哭过却无法掩埋歉疚 风筝在阴天搁浅 想念还在等待救援 我拉着线复习你给的温柔 暴晒在一旁的寂寞 笑我给不起承诺 怎么会怎么会你竟原谅了我 我只能永远读着对白 读到我给你的伤害 我原谅不了我 就请你当作我已不在 我睁开双眼看着空白 忘记你对我的期待 读完了依赖 我很快就离开 久未放晴的天空 依旧留着你的笑容 哭过却无法掩埋歉疚 风筝在阴天搁浅 想念还在等待救援 我拉着线复习你给的温柔 暴晒在一旁的寂寞 笑我给不起承诺 怎么会怎么会你竟原谅了我 我只能永远读着对白 读到我给你的伤害 我原谅不了我 就请你当作我已不在 我睁开双眼看着空白 忘记你对我的期待 读完了依赖 我很快就...
</p>

这样也可以实现,但是如果有具体数值就不好办了……

原文地址:https://www.cnblogs.com/turbo12138/p/5720957.html