我假设您的意思是,对于由编号项目组成的文本,其中数字是内容的一部分,每个项目都应该从新行开始,并且项目的第二行和后续行应该左对齐到文本正确的同一点(在数字、句号和空格之后)第一行开始。我还假设“不使用列表类”意味着由于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 中无效。
现场演示