问题描述
我希望在使用 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>
提前致谢。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)