html - 如何在 HTML 中的列表下添加空格

问题描述

也许这个问题对我来说太基本了，无法找到答案，但无论如何我还是要问它。我在 HTML 中使用这样的列表：

<ol>
  <li>I want some [...] Space between</li>
  <li>Something second</li> 
</ol>

（编辑：请想象一下，换行符是随机的，因为例如行太长。在我的情况下，我无法在特定位置添加跨度）

结果是这样的：

1. I want some [...]
Space between
2. Something second

但我希望它看起来像这样：

1. I want some [...]
   Space between
2. Something second

我怎么做？

标签： htmllist

您首先要使用 span 标签包装第一个列表项，然后添加 CSS 属性 tab-size。

的HTML：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
    <ol>
        <li>I want some <br><span class="tab">Space between</span></li>
        <li>Something second</li> 
    </ol>
</body>
</html>

和CSS：

.tab {
    tab-size: 1;
}

html - 如何在 HTML 中的列表下添加空格

问题描述

解决方案

推荐阅读