Html 引导卡头的垂直对齐

我的引导页面上有一张卡片

Python3脚本示例
复制
导入urllib.request，json

您可以使用flexbox（

d-flex

）将项目对齐到中心。另外，更新该按钮，因为float right不适用于flexbox。改为使用自动边距

Python3脚本示例
复制
导入urllib.request，json

您可以使用flexbox（

d-flex

）将项目对齐到中心。另外，更新该按钮，因为float right不适用于flexbox。改为使用自动边距

Python3脚本示例
复制
导入urllib.request，json

---

并非毫无意义，但“不起作用”是毫无意义的。@JanKyuPeblik好吧，这个问题已经解决了，只是为了解释一下：我想垂直对齐中间应该垂直对齐中间。正如我所说，这是行不通的，我们可以假设这段代码没有垂直对齐文本。这不是毫无意义的，但“不起作用”是毫无意义的。@JanKyuPeblik好吧，这已经解决了，但只是为了解释一下：我想垂直对齐中间应该垂直对齐中间。正如我所说的，这是行不通的，我们可以假设这段代码没有垂直对齐文本。谢谢，非常好用，一有问题就把它标记为已解决。让我来看看，非常好用，一有问题就把它标记为已解决

<div class="container">
    <div class="card">
        <div class="card-header bg-info text-light d-flex align-items-center">
            <span>Example Python3 script</span>
            <button class="ml-auto btn-light btn" onclick="copy_function()">Copy</button>
        </div>
        <div class="card-body" style="background: #F0F0F0">
            <pre><code class="python" id="text_to_copy">import urllib.request, json</code></pre>
        </div>
    </div>
</div>