css 边距中的行号

goucqfw6  于 2022-12-01  发布在  其他
关注(0)|答案(5)|浏览(141)

以下是(我认为的)布局(可回流)html文档的正确方法:宽度相对于字体宽度是有上限的,边距是自动计算的对称的,这样内容就居中了。
这给了一个愉快的阅读体验,无论是超宽和移动。
第一个
但是,现在我想在边距/填充中添加行号,同时保持内容居中。我不知道如何做到这一点。
一种方法是让每个段落都是一个网格,第一列是数字,第二列是文本。
这是最好的方法吗?如果是,如何获得与以前相同的行为?我们如何确保内容(在第二列)居中?
也许我们需要javascript来计算以%为单位的边距宽度。但是如果我们必须使用js,那么也许我们不需要在同一个html容器中显示行号和内容。也许我应该放弃,直接内联行号。
第一次

kokeuurv

kokeuurv1#

如果您使用网格,您可以将其设为2栏,没有间隙,第一栏的长度为0,或将文字跨越两栏。然后您可以将数字偏移出网格。
以下是几种可能的方法:

  • 2列:

第一个

  • 单列:

第一次
没有网格,但绝对是伪的
第一个

omhiaaxx

omhiaaxx2#

我很喜欢这个自动编号的功能。我不能说这个功能100%解决了你的问题,因为我还不能说我完全理解这个问题。我认为这个功能可以做到这一点,但是我会回去再读一遍你要找的东西。
第一个

whhtz7ly

whhtz7ly3#

如果您透过栏模板指定栏宽,则p会自动扩展并填满网格的第二个储存格。然后根据您的喜好加入填补。您可以依需要调整文字。
第一个

aij0ehis

aij0ehis4#

您可以尝试如下:
第一个

fjnneemd

fjnneemd5#

可以使用html元素<ol><li>(我找到了这个解决方案here):
第一个

相关问题