Html 使用CSS从段落的第二行开始缩进

如何从段落的第二行开始缩进

我试过了

p {
    text-indent: 200px;
}
p:first-line {
    text-indent: 0;
}

及

及

---

它实际上只是您要缩进的第二行，还是来自第二行（即悬挂缩进）

如果是后者，那么按照这一思路做一些事情是合适的

div{
左侧填充：1.5em；
文本缩进：-1.5em；
}
跨度{
左侧填充：1.5em；
文本缩进：-1.5em；
}

Lorem ipsum door sit amet，Concetetuer adipis elit，sed diam noumm nib euismod tincidut ut laoreet dolore magna aliquam erat pat。但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。
这是一位杰出的领袖，他是一位伟大的领袖。但是，如果我能做到最低限度，那么我就可以在日常消费中不受任何约束地行使权利。

这对我来说很有效：

p { margin-left: -2em; 
 text-indent: 2em 
 }

---

左边距：2em左右将整个文本（包括第一行）向右推进2em。然后将文本缩进（适用于第一行）添加为-2em左右。。这使第一行重新开始，没有任何余量。 我试过列表标签

<style>
    ul li{
      margin-left: 2em;
      text-indent: -2em;
    }
</style>

ulli{
左边距：2米；
文本缩进：-2em；
}

如果按列表设置样式，则可以“文本对齐：初始”，后续行将全部缩进。我知道这可能不适合您的需要，但在更改标记之前，我正在检查是否有其他解决方案

---

我想把第二行放进去也行，但需要人的思考才能让内容正常流动，当然，也需要硬线中断（这本身并不困扰我）

我需要缩进两行，以便段落中的第一个单词更大。一个麻烦的一次性解决方案是将文本放置在SVG元素中，并将其与

---

有一个CSS3工作草案（希望很快）允许您只编写：

<p style="color: blue; font-size: large; padding-top: 4px;">
<svg height="44" width="260" style="float:left;margin-top:-8px;"><text x="0" y="36" fill="blue" font-family="Verdana" font-size="36">Lorum Ipsum</text></svg> 
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

---

请注意：

为什么所有第一行文本缩进都设置为0？另外，我也不知道怎么做，但是这个列表中缺少的一个对我来说最有意义的地方是填充。@Reuben根据你的评论，现在已经被删除了，我想你在脸上是指第二行的意思-为了将来的访问者，也许这个小提琴更好，语法是P而不是div或span。为什么左边是填充，然后是负文本缩进？为什么它必须这样工作？看起来很奇怪。为什么不只是一个正的

文本缩进

？文本缩进对跨度没有影响。可以将其从跨度的样式中删除以获得相同的结果。欢迎使用Stackoverflow。看来你有办法解决这个缩进问题了。但是，如果您提供一些标记并解释解决方案，将对每个人都有很大帮助。可能您可以使用jsfiddle.net或其他服务来创建工作演示。一切都好。这似乎与OP的要求完全相反@techillage的版本是正确的。你需要交换负数，这几乎正是我需要的。被接受的答案对我不起作用，因为我在CMS中没有这样添加跨距的自由。我在这里遇到的唯一问题是，左边的空白将把整个段落从容器中拉出。所以我加了“位置：相对”和“左：2米”，这是完美的。与@AlexHolsgrove的评论相反，techillage的回答根本不适合我，但可能是因为我不是在列表元素上这样做的。

<style>
    ul li{
      margin-left: 2em;
      text-indent: -2em;
    }
</style>

<p style="color: blue; font-size: large; padding-top: 4px;">
<svg height="44" width="260" style="float:left;margin-top:-8px;"><text x="0" y="36" fill="blue" font-family="Verdana" font-size="36">Lorum Ipsum</text></svg> 
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" style="float:left;width:260px;height:44px;" />

p { text-indent: 200px hanging; }