Question

我想显示文本，其中文本也从第二行的第一行开始，但是它在数字下方左侧帮助

1文本行段和和和和和和和和，和 2文本行段和和和和和和和和，和 3文本行段和和和和和和和和和，和

注意：不使用列表类我希望这种类型的显示文本与css请帮助。

Answer 1

我假设您的意思是，对于由编号项目组成的文本，其中数字是内容的一部分，每个项目应该从一个新行开始，项目的第二行和后续行应该左对齐到同一点第一行的正确文本（在数字，句点和空格之后）开始。我还假设“不使用列表类”意味着由于某种原因，不得使用编号列表ol的元素。

最简单（也是最强大）的解决方案是使用表格。例如：

<style>
table.list { border-collapse: collapse; }
table.list td { padding: 0; vertical-align: top; }
table.list td:first-child { text-align: right; padding-right: 0.25em; }
</style>
<table class=list>
<tr><td>1.</td><td>Text line paragraph and and and and and and and and and and and and</td></tr>
<tr><td>2.</td><td>Text line paragraph and and and and and and and and and and and and</td></tr>
<tr><td>3.</td><td>Text line paragraph and and and and and and and and and and and and</td></tr>
</table>

如果您需要避免使用table标记，那么您需要以某种方式模拟它，例如使用div和span标记以及CSS表格格式（display: table等） - 适用于现代浏览器，但不适用于旧版本的IE。

Live Demo

Answer 2

如果只是你想要的缩进，你可以这样做：

p {
  padding-left: 1em;
  text-indent: -0.75em;
}

根据字体的不同，您可能需要稍微调整text-indent值。

http://jsfiddle.net/h7KvC/

Answer 3

使用text-indent并在css中清除它们希望它能解决您的问题。

Answer 4

从中做出一个......

<ol>
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ol>

结果：

文字行段和和 and and and and and and and and and and
文字行段和和 and and and and and and and and and and
文字行段和和 and and and and and and and and and and

Answer 5

您可以通过这种方式将段落制作成列表项目：

<强> HTML

<div class="list">
  <p>Paragraph one</p>
  <p>Paragraph two</p>
  <p>Paragraph three</p>
</div>

<强> CSS

.list {
  counter-reset: pcount;
}
.list p:before {
  counter-increment: pcount;
  content: counter(pcount, decimal) ' ';
}

<强>结果

1 Paragraph one
2 Paragraph two
3 Paragraph three

http://jsfiddle.net/bQWau/1/

Css文本段对齐

5 个答案: