Html 如何将图像居中放置在多个段落旁边

我已经做了一段时间了，除了使用网格或Flexbox，我还没有找到一个明确的修复方法，我在一列中有一个图像，在另一列中有一个段落，尽管这肯定不是最好的方法，是吗？理想的是我的形象和段落在中间死亡，左边的图像，右边的段落。我也尝试过使用浮动，但那没有什么效果，我最接近我想要的结果是使用Flexbox，尽管使用Flexbox图像不会随着屏幕大小而缩小，所以我正在寻找另一种解决方案或其他更有知识的人来帮助我。我在网上浏览了一下，有人提出用span代替段落，这是一个很好的解决方案吗

h3{
字体系列：“Raleway”；
字号：700；
颜色：#979b9e；
}
.包装纸{
背景色：黑色；
利润率最高：5%；
文本对齐：左对齐；
}
.关于我{
浮动：左；
背景尺寸：封面；
高度：自动；
宽度：5%；
显示：块；
}
p{
颜色：#000；
显示：内联块；
字体系列：“Raleway”；
字体大小：400；
颜色：#979b9e；
文本对齐：左对齐；
字号：1em；
浮动：对；
}

x
x

x

x

x

x

Flexbox无疑是一种布局内容的干净替代品。只需设置一个具有

display:flex

值的父元素（出于学习目的，我将“wrapper”改为“row”）。如果要使用栅格系统，则直接子对象可以具有预定义的宽度

.row{
显示器：flex；
背景色：#f1f1；
}
.col-3{宽度：25%；}
.col-9{宽度：75%；}
.关于我{
最大宽度：100%；
}
h3{
字体系列：“Raleway”；
字号：700；
保证金：0；
颜色：#979b9e；
}
p{
颜色：#000；
保证金：0；
显示：块；
字体系列：“Raleway”；
字体大小：400；
}

标题
段落

Flexbox无疑是一种布局内容的干净替代品。只需设置一个具有

display:flex

值的父元素（出于学习目的，我将“wrapper”改为“row”）。如果要使用栅格系统，则直接子对象可以具有预定义的宽度

.row{
显示器：flex；
背景色：#f1f1；
}
.col-3{宽度：25%；}
.col-9{宽度：75%；}
.关于我{
最大宽度：100%；
}
h3{
字体系列：“Raleway”；
字号：700；
保证金：0；
颜色：#979b9e；
}
p{
颜色：#000；
保证金：0；
显示：块；
字体系列：“Raleway”；
字体大小：400；
}

标题
段落

您的问题非常广泛，但这是否实现了您的目标

它不使用网格或FlexBox。您可以进一步压缩此代码，但这只是给您一个粗略的想法

.half{
浮动：左；
显示：内联块；
宽度：50%；
}
.半个img{
浮动：左；
显示：内联块；
宽度：100%；
}
h3{
显示：内联块；
宽度：100%；
字体系列：“Raleway”；
字号：700；
颜色：#979b9e；
}
p{
颜色：#000；
显示：内联块；
显示：块；
宽度：100%；
字体系列：“Raleway”；
字体大小：400；
颜色：#979b9e；
文本对齐：左对齐；
字号：1em；
浮动：对；
}

textttt
textttt

x

x

x

x

您的问题非常广泛，但这是否实现了您的目标

它不使用网格或FlexBox。您可以进一步压缩此代码，但这只是给您一个粗略的想法

.half{
浮动：左；
显示：内联块；
宽度：50%；
}
.半个img{
浮动：左；
显示：内联块；
宽度：100%；
}
h3{
显示：内联块；
宽度：100%；
字体系列：“Raleway”；
字号：700；
颜色：#979b9e；
}
p{
颜色：#000；
显示：内联块；
显示：块；
宽度：100%；
字体系列：“Raleway”；
字体大小：400；
颜色：#979b9e；
文本对齐：左对齐；
字号：1em；
浮动：对；
}

textttt
textttt

x

x

x

x

我通常使用这种方法，因为并非所有浏览器都支持flex。注意IE和Edge中的问题。同样的方法也考虑到了反应能力。@Rickible我也是！我以编写商业网站代码为生，虽然每个人都在谈论flex和grids，但我总是使用div和

display:inline block；浮动：左

和我所有的网站都运行良好。看看您的示例，您的代码与我非常相似：）我通常使用这种方法，因为并非所有浏览器都支持flex。注意IE和Edge中的问题。同样的方法也考虑到了反应能力。@Rickible我也是！我以编写商业网站代码为生，虽然每个人都在谈论flex和grids，但我总是使用div和

display:inline block；浮动：左

和我所有的网站都运行良好。看看您的示例，您的代码与我非常相似：）