在这个网站上:
http://www.livenews.surf/我想让新闻图片和文字垂直对齐,我怎么能这样做?
@H_301_2@
解决方法
最简单的解决方案是使用FlexBox(有关其用法的详细信息,请参阅规范).
对于这种特殊情况,请为包含div的每个内容(当前只有.col-md-11)分配一个自定义类,例如类“content”,并将此代码添加到样式表中
.content { display: flex; align-items: center; flex-wrap: wrap; }
小代码说明:align-items垂直对齐项目,因为我们离开了默认的flex方向,即row和flex-wrap将允许我们的父容器将子项包装到下一行(默认为nowrap).
请记住,我没有为此答案添加供应商前缀,但我强烈建议您使用Autoprefixer等工具.
@H_301_2@ @H_301_2@ 原文链接:https://www.f2er.com/css/217908.html