如何使带有<td>标签的项目内嵌

Question

我有以下Td标签：

 <td>
              <span>
                {{ device.id }}<CopyComponent
                  :copy-content="device.id"
                  color="white"
                />
              </span>
            </td>

这是组件的内容：

<template>
  <div v-if="copyContent!==undefined">
    <button
      :id="copyContent"
      @click="doCopy"
    >
      <font-awesome-icon
        :icon="myIcon"
        style="color:white;"
      />
    </button>
    <b-tooltip
      ref="idToolTip"
      :show.sync="show"
      :target="copyContentString"
      title="Click to copy"
    />
  </div>
</template>

实际上只是一个按钮，但是由于某种原因在显示表格时，该按钮显示在ID的下方而不是其右侧。我已经完成了将style="display: inline;"放置在几乎所有地方的巧妙做法，但是它仍然显示在下面：(我在样式或对齐方式上缺少什么来解决此问题？