css HTML元素位置不会改变[重复]

7rfyedvj  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(83)

此问题在此处已有答案

Flexbox: center horizontally and vertically(14个答案)
3天前关闭。
我正在设计一个“简单”的 Jmeter 板布局,以便更好地与CSS接触。现在我遇到了一个问题,我的链接在每一个后面,而不是下面。

<div class="column is-one-fourth menu">
                <a href="dashboard.html" class="fxlarge">Dashboard</a>
                <a href="dashboard.html" class="fxlarge">Account</a>
                <a href="dashboard.html" class="fxlarge">Help</a>
                <a href="dashboard.html" class="fxlarge fred">Logout</a>
</div>

字符串
我的CSS:

.menu{
    display: flex;
    justify-content: center;
    align-items: center;
}


我期待着你的帮助,谢谢。
我尝试过调整内容和对齐项目,但没有任何帮助。

pkbketx9

pkbketx91#

只需将菜单设置为flex-directioncolumn,这将解决您的问题。

.menu{
    display: flex;
    justify-content: center;
    align-items: center;  
    flex-direction: column;
}

字符串

相关问题