CSS :什么时候使用display flex和display inline-block？

display:flex和display:inline-block是CSS中用于布局的两种常见属性。

1. display:flex：
   • 概念：display:flex是一种弹性布局模型，通过将容器内的子元素设置为弹性项目，可以实现灵活的布局。
   • 分类：属于CSS3中的布局模块。
   • 优势：相比传统的布局方式，使用display:flex可以更方便地实现水平和垂直居中、等高布局、自适应布局等复杂布局需求。
   • 应用场景：适用于需要灵活布局的场景，如导航菜单、页面头部、页面底部等。
   • 腾讯云相关产品：腾讯云提供了云服务器、云数据库、云存储等多种产品，可以用于搭建和部署使用display:flex布局的网站。具体产品介绍请参考腾讯云官网：腾讯云产品介绍

• display:inline-block：
  • 概念：display:inline-block将元素设置为内联块级元素，使其既具有内联元素的特性（可以与其他元素在同一行显示），又具有块级元素的特性（可以设置宽高、边距等属性）。
  • 分类：属于CSS2.1中的基本显示属性。
  • 优势：使用display:inline-block可以实现多个元素在同一行显示，并且可以设置宽高等属性，适用于一些需要水平排列的元素。
  • 应用场景：适用于制作导航菜单、按钮组、图片列表等需要水平排列的场景。
  • 腾讯云相关产品：腾讯云提供了云存储、云函数等产品，可以用于存储和处理使用display:inline-block布局的网页中的图片、文件等资源。具体产品介绍请参考腾讯云官网：腾讯云产品介绍

注意：以上答案仅供参考，具体的应用场景和推荐产品需要根据实际需求进行选择。