Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将要显示的节的项目与居中的第三个元素对齐_Html_Css_Flexbox - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 将要显示的节的项目与居中的第三个元素对齐

Html 将要显示的节的项目与居中的第三个元素对齐

html css

Html 将要显示的节的项目与居中的第三个元素对齐,html,css,flexbox,Html,Css,Flexbox,我正试图让我的部分中的文章完全像这样显示（当扩展到更大的浏览器宽度时，第三篇文章居中显示）： 我已经探索了CSS的所有显示选项。当前CSS设置为display:inline flex 这是我的CSS/HTML。非常感谢您的帮助 .places h1{ 对齐内容：左上角； 字体大小：30px； } .放置物品{ 显示：内联flex； 宽度：390px； 边框：#FF5A5F 1px实心； 边界半径：4px； 填充：20px； 利润率：20px； } .放置第h2条{ 字体大小：30px； 文本对

我正试图让我的部分中的文章完全像这样显示（当扩展到更大的浏览器宽度时，第三篇文章居中显示）：

我已经探索了CSS的所有显示选项。当前CSS设置为
display:inline flex

这是我的CSS/HTML。非常感谢您的帮助



.places h1{
对齐内容：左上角；
字体大小：30px；
}
.放置物品{
显示：内联flex；
宽度：390px；
边框：#FF5A5F 1px实心；
边界半径：4px；
填充：20px；
利润率：20px；
}
.放置第h2条{
字体大小：30px；
文本对齐：居中；
}



地点
家
公寓
宿舍

在父级上使用flex，并将其设置为
flex wrap:wrap；证明内容：中心



.places{
显示器：flex；
柔性包装：包装；
证明内容：中心；
}
.地点h1{
对齐内容：左上角；
字体大小：30px；
宽度：100%；
}
.放置物品{
宽度：390px；
边框：#FF5A5F 1px实心；
边界半径：4px；
填充：20px；
利润率：20px；
}
.放置第h2条{
字体大小：30px；
文本对齐：居中；
}



地点
家
公寓
宿舍

@jimmytt太棒了！np:）@jimmytt顺便说一句，如果你将
h1
移出
位置
，那么你就不需要在
h1
上指定
宽度：100%
，但我不想更改你的标记，因为你现在所做的一切都会起作用。非常好的提示@Michael Coker。我在挖烟囱！