我如何扩展弹性项目的空白边距？

Question

深灰色区域是可单击的，但是蓝色边距没有作用。如何扩展其余较小尺寸的项目以填充空间？

div.scrollmenu {
    display:flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #333;
    overflow: auto;
    flex-wrap: nowrap;

}

div.scrollmenu a {
    display: flex;
    color: white;
    text-align: left;
    padding: 14px;
    text-decoration: none;
    margin: auto;
    min-width: 25%;
    max-width: 25%;
}

Answer 1

将align-items: stretch;属性添加到您的div.scrollmenu。