css - html列表项中的代码块间距

标签 css html

我将代码嵌套在一个有序列表中,作为一些队友的一组指令。但是,当我在列表项中嵌套代码块时,间距完全消失了。我的代码块中的代码从页面宽度的一半开始。这是一些示例代码:

<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>

最佳答案

这是因为你缩进了标记中的代码,试试这个

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

关于css - html列表项中的代码块间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22568875/

相关文章:

javascript - javascript根据窗口大小扩展div和bg图像

javascript - "Dock"onClick() 事件中一个 div 元素在另一个之上

javascript - 如何使用 AngularJS 指令为字符串应用 css 样式?

javascript - 如何用 HTML 标签替换包含字符串的文本?

javascript - anchor 在 chrome 和 safari 浏览器中不起作用

html - 导航栏中的中心图像

html - 页脚在底部

HTML 列表在 IE7、8、9 浏览器中困惑

javascript - 如何在不使用javascript的情况下使内容div可滚动

jquery - 使用 jquery 根据页面高度显示 ul