Css 如何创建一条水平的div线,其中一些流向右侧?所有div应垂直对齐

Css 如何创建一条水平的div线,其中一些流向右侧?所有div应垂直对齐,css,position,Css,Position,也许用一个例子来说明我想要实现的目标是最简单的: 标题{ 位置:绝对位置; 排名:0; 左:0; 宽度:100%; 背景颜色:浅灰色; 边框底部:5px纯色灰色; } 标题>div{ 显示:内联块; 身高:100%; 垂直对齐:中间对齐; 填充:10px; } 标题 胡说八道 废话 废话 废话 我建议您使用Flexbox解决方案: 标题{ 显示:flex;/*以内联方式显示flex项(子项)*/ 对齐项目:居中;/*垂直居中*/ 位置:绝对位置; 排名:0; 左:0; 宽度:100%; 背

也许用一个例子来说明我想要实现的目标是最简单的:

标题{
位置:绝对位置;
排名:0;
左:0;
宽度:100%;
背景颜色:浅灰色;
边框底部:5px纯色灰色;
}
标题>div{
显示:内联块;
身高:100%;
垂直对齐:中间对齐;
填充:10px;
}

标题
胡说八道
废话
废话
废话

我建议您使用Flexbox解决方案:

标题{
显示:flex;/*以内联方式显示flex项(子项)*/
对齐项目:居中;/*垂直居中*/
位置:绝对位置;
排名:0;
左:0;
宽度:100%;
背景:浅灰色;
边框底部:5px纯色灰色;
}
header>div{padding:10px}
header>div:nth child(3){margin right:auto}/*将其他两个同级推到行的最右端*/

标题
胡说八道
废话
废话
废话