Html 是否可以垂直对齐也包含浮动图像的段落文本?

Html 是否可以垂直对齐也包含浮动图像的段落文本?,html,css,Html,Css,以下是我努力实现的目标: 给定以下标记: p>img{ 浮动:左; 边缘:1米; } Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子,它是欧盟国家委员会(nec)的主席,马蒂斯·艾克·内克(mattis ac neque)。酒后驾车者、酒后驾车者、酒后驾车者、酒后驾车者、酒后驾车者和酒后驾车者。他是一位伟大的领袖。埃尼安·维利特·奥迪奥, 您可以使用Flexbox p{ 显示器:flex; 对齐项目:居中; } img{ flex:00200

以下是我努力实现的目标:

给定以下标记:

p>img{
浮动:左;
边缘:1米;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子,它是欧盟国家委员会(nec)的主席,马蒂斯·艾克·内克(mattis ac neque)。酒后驾车者、酒后驾车者、酒后驾车者、酒后驾车者、酒后驾车者和酒后驾车者。他是一位伟大的领袖。埃尼安·维利特·奥迪奥,

您可以使用Flexbox

p{
显示器:flex;
对齐项目:居中;
}
img{
flex:00200px;
利润率:10px;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。这是一个很好的例子,它是欧盟国家委员会(nec)的主席,马蒂斯·艾克·内克(mattis ac neque)。酒后驾车者、酒后驾车者、酒后驾车者、酒后驾车者、酒后驾车者和酒后驾车者。他是一位伟大的领袖。埃尼安·维利特·奥迪奥,

作为
flex
方法的替代方法,您可以更改
img
元素上的
position
属性,并使用
padding
calc()
进行一些良好的文本定位

当然,YMMV取决于
img
元素是否具有标准大小以及文本的长度

p>img{
位置:绝对位置;
排名:0;
左:0;
边缘:1米;
}
p{
位置:相对位置;
左侧填充:计算(300px+1.25em);
填充顶部:150px;
}

一种美妙的宁静占据了我的整个灵魂,就像这些我全心全意享受的春天的甜美早晨。我独自一人,在这里感受到存在的魅力,这是为我这样的灵魂的幸福而创造的。

谢谢Nenad——Flexbox当前和以前的规范涵盖了我需要支持的浏览器,因此我能够使用此解决方案。太好了,很高兴我能提供帮助。