.logo_0 { display: flex; top: 0px; left: 0px; width: 50px; height: 50px; position: relative; align-items: center; } .logo_0 .text{ order: 1; margin-left: 10px; } .logo_0 img::before { content: ""; display: block; padding-top: 100%; } .logo_0 img { width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; }为什么我的文本是竖着的

根据你提供的代码，文本竖向显示的原因是你给 `.logo_0` 设置了 `padding-top: 100%`，而在 `.logo_0 img::before` 伪元素中使用了 `display: block`，这导致了文本被垂直拉伸以填充容器的高度。

要解决这个问题，你可以尝试将 `.logo_0 img::before` 的 `padding-top` 设置为 `0`，并将 `.logo_0 img` 的 `height` 设置为 `auto`，以使图片按比例显示，并恢复文本的水平显示。

下面是更新后的代码示例：

.logo_0 {
    display: flex;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    position: relative;
    align-items: center;
}

.logo_0 .text {
    order: 1;
    margin-left: 10px;
}

.logo_0 img::before {
    content: "";
    display: block;
    padding-top: 0; /* 将 padding-top 设置为 0 */
}

.logo_0 img {
    width: 100%;
    height: auto; /* 将 height 设置为 auto */
    object-fit: cover;
    top: 0;
    left: 0;
}

通过这些更新，应该能够将文本恢复为水平显示。请尝试应用这些修改并查看结果。如果还有其他问题，请随时提问。