我可以将按钮放置在前置按钮旁边吗？

Question

我有一些从文本编辑器宏生成的HTML。输出看起来像这样：

<div class='source-block'>

  <div class="src-container">
    <pre class="src bash">sudo apt update</pre>
  </div>

  <button class='copyBtn' name=btn_e320edcae3214004ba6339711d50024a>copy</button>

</div>

到目前为止，我目前唯一应用于这些元素中的任何CSS都在pre上：

pre {
    padding: 8pt;
    overflow: auto;
    margin: 1.2em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

我正在尝试将我的copyBtn直接放在<pre>的右侧。由于此文本编辑器宏的工作方式，我无法将按钮inside src-container置于“自动”生成状态。但是，我可以在src-container格之前或之后移动按钮。

我可以用CSS实现吗？我已经尝试过将float与:last-child和z-index结合使用，但是没有成功...考虑到宏的限制，这是否有可能（即，我不能轻易地将HTML放在src-container类中）？

谢谢！

我有一些从文本编辑器宏生成的HTML。输出看起来像这样：

sudo ...

] >>

。src-container {dispay：inline;}或者，将按钮的样式设置为“ position：absolute”。

Answer 1

。src-container {dispay：inline;}或者，将按钮的样式设置为“ position：absolute”。