vue.js 两个div按钮位置顶部和底部如何让他们的位置向左和向右

brccelvz 于 2023-01-14 发布在 Vue.js

关注(0)|答案(1)|浏览(822)

有两个按钮的位置顶部和底部，我如何使他们成为左和右像第二个图像。我使用浮动vue所以按钮将成为一个div是否可以使他们成为左和右的位置？示例在这里〉〉Test minimal example
第一节第一节第一节第一节第一次

<div>
    <VDropdown :triggers="['hover']" placement="top-start">
      <button>Test</button>
      <template #popper>
        <div style="padding: 1rem">Help Me</div>
      </template>
    </VDropdown>
    <VDropdown :triggers="['hover']">
      <button>Test 2</button>
      <template #popper>
        <div style="padding: 1rem">Hello t2</div>
      </template>
    </VDropdown>
  </div>

vue.js

来源：https://stackoverflow.com/questions/75091108/two-div-button-position-top-and-bottom-how-to-let-them-position-to-left-and-righ

1条答案

按热度按时间

dm7nw8vv1#

将它们 Package 在一个父div中（我可以看到您已经有了一个父div），并添加一个display: flex;样式，您也可以添加一个justify-content: center;样式，以保持元素在页面上居中。
代码：

<div class="dropdowns" style="display: flex; justify-content:center;">
    <VDropdown :triggers="['hover', 'focus']" placement="top-start">
      <button>Test</button>
      <template #popper>
        <div style="padding: 1rem">Help Me</div>
      </template>
    </VDropdown>
    <VDropdown :triggers="['hover', 'focus']">
      <button>Test 2</button>
      <template #popper>
        <div style="padding: 1rem">Hello t2</div>
      </template>
    </VDropdown>
</div>

希望这能有所帮助!

赞(0）回复(0）举报 2023-01-14

我来回答

vue.js 两个div按钮位置顶部和底部如何让他们的位置向左和向右

1条答案

相关问题

热门标签

最新问答