在换行时，缩进DIV文本的最佳方式是什么？

2018-06-27 00:23:15

所以我有一个包含一些动态文本的DIV。假设我知道文本和字体大小，但我不知道DIV的大小。我希望DIV中的文本显示足够智能，以便在文本换行时显示缩进。

假设我的原文看起来像这样：

Lorem ipsum dolor sit amet, 
consectetur adipisicing 
elit, sed do eiusmod 
tempor incididunt

相反，我希望它看起来像这样：

Lorem ipsum dolor sit amet, 
   consectetur adipisicing 
   elit, sed do eiusmod 
   tempor incididunt

如果我不知道DIV的大小，最好的办法是什么？如果我知道尺寸，最好的办法是什么？

谢谢！

如果我明白你的要求，这适用于我：

div {
    padding-left: 2em;
    text-indent: -2em;
}

W3C说你只需要使用文本缩进属性。

资源

.indentedtext
{
    text-align:start;
    text-indent:5em;
}

不确定跨浏览器支持，但您可以使用第一行的伪元素：

p {padding:10px;}
p:first-line {padding-left:0px;}

<p>Hello World, I'm Jonathan Sampson</p>

将被屏蔽为

你好，我是世界
乔纳森
桑普森

除此之外，你可以给元素留下填充，然后给一个负面的文本缩进。

链接地址: http://www.djcxy.com/p/75533.html