有两个按钮的位置顶部和底部,我如何使他们成为左和右像第二个图像。我使用浮动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>
1条答案
按热度按时间dm7nw8vv1#
将它们 Package 在一个父
div
中(我可以看到您已经有了一个父div
),并添加一个display: flex;
样式,您也可以添加一个justify-content: center;
样式,以保持元素在页面上居中。代码:
希望这能有所帮助!