html - 无法在移动 View 上设置第一个 flex tile

标签 html css flexbox

第一个方 block 向右移动,但它必须像其他方 block 一样位于中间。例如,您可以在我的 fiddle 中找到。

.tiles {
    display: flex;
    flex-wrap: wrap ;
    justify-content: space-between;

}
    .tile1 {
        flex: 0 1 80%;
        height: 20vh;
        background: #fff;
        position: relative;
        background: url("../images/h2.jpg");
        background-size: cover;

    }

https://jsfiddle.net/0vw5e58o/

最佳答案

最好尝试居中而不是空格

justify-content: center; 

关于html - 无法在移动 View 上设置第一个 flex tile,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47519215/

相关文章:

jquery - 我如何在 div 之后添加粘性导航添加类?

html - 左、中、右对齐具有 flex 和不同宽度的元素

html - 如何使用 flexbox 每行显示 2 列

html - Joomla 导航 CSS

html - Rstudio中使用 "knit html"函数后内联代码不高亮

html - 在线服务器上的 CSS 百分比值需要与本地不同

html - 在移动设备上垂直居中元素

javascript - 使用 jQuery 替换 HTML 的特定部分

html - 在 div 内滚动 svg

html - 使 div 在可变高度的 div 下滚动