html - CSS 删除有序列表中每个数字下方的每个换行符之前的缩进
问题描述
我希望在使用 list-style-position: outside 时删除编号项目后的缩进。我会使用 list-style-position: inside,但它会强制将 Katex 方程换行。我希望列表编号与 Katex 方程位于同一行,而方程下方的内容(内容...)没有添加缩进。运行下面的代码片段,看看我的意思。
.div_options {
margin-left: 1rem;
}
ol {
margin-top: 1rem;
padding-left: 0;
}
li {
padding-top: 1rem;
}
.ol1_options {
list-style-position: inside;
}
.ol2_options {
list-style-position: outside;
margin-left: inherit;
}
<!--katex setup-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.css" integrity="sha384-Um5gpz1odJg5Z4HAmzPtgZKdTBHZdw8S29IecapCSB31ligYPhHQZMIlWLYQGVoc" crossorigin="anonymous">
<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/katex.min.js" integrity="sha384-YNHdsYkH6gMx9y3mRkmcJ2mFUjTd0qNQQvY9VYZgQd7DcN7env35GzlmFaZ23JGp" crossorigin="anonymous"></script>
<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.13.11/dist/contrib/auto-render.min.js" integrity="sha384-vZTG03m+2yp6N6BNi5iM4rW4oIwk5DfcNdFfxkk9ZWpDriOkXX8voJBFrAO7MpVl" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
<!---->
<div class="div_options">
<br><h3>Case 1: list-style-position: inside</h3>
<ol class="ol1_options">
<li><span>\[x^{2}\]<br>content...</span></li>
<li><div>\[x^{2}\]<br>content...</div></li>
</ol>
<br><h3>Case 2: list-style-position: outside</h3>
<ol class="ol2_options">
<li><span>\[x^{2}\]<br>content...</span></li>
<li><div>\[x^{2}\]<br>content...</div></li>
</ol>
</div>
提前致谢。
解决方案
推荐阅读
- python - Tkinter transparentcolor 使用 .py 但不使用 .pyw
- xslt - XSLT 将 UTC 转换为 tz 时区
- java - 如何访问未知枚举的“valueOf()”方法
- json - 是否可以在 jsonpath-ng 中进行嵌套搜索?
- reactjs - 使用 Jest 测试异步 API 调用时使用 mockResolvedValue
- api - 我的烧瓶应用程序正在从第三方 API 获取数据,在 EC2 上部署此应用程序时,它被挂起
- mule - 在 dataweaver 1.0 中是否可以将键名中的第一个字母不大写,而不是值?
- delphi - 为什么 glscene imposter 没有完全渲染而是被截断了?
- python - 如何让 wtforms 获取 json 并将数据插入到表单对象中?
- javascript - 如何在 Javascript 中的 EventListener 函数之外获取变量值?