html列表项中的代码块间距

Question

I am nesting code in an ordered list as a set of instructions for some teammates. 我将代码嵌套在有序列表中，作为一些队友的一组说明。 However, when I nest a code block within a list item, the spacing is totally off. 但是，当我将代码块嵌套在列表项中时，间隔完全消失了。 The code in my code block starts halfway through width of the page. 我的代码块中的代码从页面宽度的一半开始。 Here is some sample code: 这是一些示例代码：

<html>
<head>Test</head>
<body>
    <ol>
    <li> This is a test list item.
        <pre>
        <code>
            def my_function(a):
                return a
        </code>
        </pre>
    </li>
    <li>Element 2
    </li>
</body>
</html>

Answer 1

It's because you're indenting the code in the markup, try this 这是因为您要缩进标记中的代码，请尝试执行此操作

<ol>
  <li> This is a test list item.
    <pre>
    <code>
 def my_function(a):
   return a
    </code>
    </pre>
  </li>
  <li>Element 2
  </li>
</ol>

html列表项中的代码块间距

问题描述

1 个解决方案

解决方案1
1 2014-03-21 20:34:21

html列表项中的代码块间距

问题描述

1 个解决方案

解决方案1 1 2014-03-21 20:34:21

解决方案1
1 2014-03-21 20:34:21