布局 flex 让图片和字体垂直对齐

Answer_Ming

于 2020-07-05 03:26:02 发布

阅读量877

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 web 文章标签： css html5

本文链接：https://blog.youkuaiyun.com/ZMM_Devil/article/details/107133764

31 篇文章

订阅专栏

31 篇文章

订阅专栏

本文介绍使用Flex布局实现图片和文字的居中对齐方法。通过设置display为flex，flex-direction为row，align-items和justify-content均为center，可以使元素在水平和垂直方向上居中。适用于网页设计中元素对齐需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

flex图片文字对齐方式

justify-content: center; 可以控制元素靠左还是居中还是靠右

.alignment {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }