时间戳

首页 > 解决方案 > 如何修复包裹在按钮中的跨度

html - 如何修复包裹在按钮中的跨度

问题描述

我有一个button带有span标签的里面。spans 似乎占据了 s 的整个宽度，button并且每个span都在新行上。我该如何解决这个问题，以便spans 都是同一行的一部分？

我想要的是

我想要的是

我得到了什么

我得到了什么

代码（属性未显示）：

<button>
    <span>[</span>
    <span>1/8</span>
    <span>1/8</span>
    <span>]</span>
    <span>[</span>
    <span>1/4</span>
    <span>]</span>
    <span>[</span>
    <span>1/8</span>
    <span>1/8</span>
    <span>]</span>
    <span>[</span>
    <span>1/4</span>
    <span>]</span>
</button>

标签： htmlcss

解决方案

尝试使用display: flex; 您可以display: flex 在此处了解更多信息

注意：将样式添加到容器元素

推荐阅读