<div id="menu-container" class="header_"> <div class="logo_0"> <img src="../static/images/logo.png" alt="our_logo" class="icon"> <span class="text">智游云南队</span> </div> <script src="../static/JS/menu.js"></script> </div>如何让span文本显示在图片后面

要让 `<span>` 文本显示在图片后面，你可以使用 CSS 中的 `display: flex` 来设置父容器的布局，并使用 `order` 属性来控制子元素的顺序。具体的代码如下：

<div id="menu-container" class="header_">
    <div class="logo_0">
        <img src="../static/images/logo.png" alt="our_logo" class="icon">
        <span class="text">智游云南队</span>
    </div>
    <script src="../static/JS/menu.js"></script>
</div>

.logo_0 {
    display: flex;
    align-items: center;
}

.logo_0 .text {
    order: 1;
    margin-left: 10px; /* 可根据需要调整间距 */
}

在上述代码中，我们给父容器 `.logo_0` 设置了 `display: flex`，这样子元素会按照水平方向排列。然后，通过给 `<span>` 元素设置 `order: 1`，我们将其顺序调整到图片后面。

通过调整 `margin-left` 的值，你可以控制 `<span>` 文本与图片之间的间距大小。

希望这个解答对你有所帮助。如果还有其他问题，请随时提问。