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

所以我有一个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 Lorem ipsum dolor sit amet， 阿迪皮西奇圣殿酒店 elit，sed do eiusmod 临时保险费 相反，我希望它看起来像这样：

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 Lorem ipsum dolor sit amet， 阿迪皮西奇圣殿酒店 elit，sed do eiusmod 临时保险费 如果我事先不知道DIV的大小，那么最好的方法是什么？如果我知道尺寸，最好的方法是什么

---

谢谢

如果我理解你的要求，这对我很有用：

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

---

这对于可变和固定大小的div应该同样有效

<div style="width: 150px; text-indent: -2em; padding-left: 2em;">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
    incididunt.
</div>

Lorem ipsum Door sit amet，为精英服务，为临时雇员提供服务
因奇登特。

不确定跨浏览器支持，但您可以使用：

p{padding:10px；}
第一行{左填充：0px；}
你好，世界，我是乔纳森·桑普森

将被视为

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

---

除此之外，您可以给元素留下空白，然后给元素一个负文本缩进。

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

---

使用CSS

文本缩进属性：


.box{
边框：1px实心#ddd；
背景：#fff；
最大宽度：300px；
填充：15px 15px 15px 45px；
}  
.方框p{
字体系列：Arial，无衬线；
线高：1.5；
保证金：0；
文本对齐：对齐；
字体大小：12px；
文本缩进：-30px；
}

Lorem ipsum dolor sit amet，奉献精英。你有什么理由拒绝我？区分性、相似性、驱避性和驱避性的相似性，以及快速的驱避性

我已经在Firefox 3和IE7上测试了该代码，它似乎在这两个版本上都表现得非常好。W3学校说它可以从IE4开始工作来源：网上的一些网站建议正确地进行文本缩进。在IE6中，你需要使用文本对齐：左；和显示：块；我还必须添加“display:inline block；”以使其适用于我。这将缩进第一行之后的所有文本，包括使用

的文本。虽然
shift+ent
的惯例是与前一行保持左对齐，其中

是html版本，但这与“包装文本”的描述并不完全相同，因此这是意料之中的。然而，如果你只是在寻找包装文本缩进，它不是这个。这对我不起作用，我尝试了一系列排列。你真的测试过吗？