如何确保所有

标签的高度一致

P粉121447292
P粉121447292 2023-08-20 11:15:19
0
1
426

我得到了h3标签。其中一个较低 我尝试使用margin: 0和padding,但它没有起作用,我不知道哪里出错了。

删除align-items: center后,修复了高度,但如何使其在图片容器中居中,而不破坏h3的高度 图片


.info-footer { background-color: rgba(33, 40, 59, 0.8); color: #fff; border: 1px solid rgb(53, 56, 72); width: 100%; height: 14em; display: flex; justify-content: center; gap: 200px; padding: 20px 10px; align-items:top; }


P粉121447292
P粉121447292

全部回复 (1)
P粉903052556

.info-footer样式中移除align-items: center;

align-items的作用是:

选择center表示将元素放置在flex容器的中心,并围绕此中心进行布局。换句话说,你的footer-infofooter-menu与 flex 容器的中心对齐,而不是起始位置

.info-footer { background-color: rgba(33, 40, 59, 0.8); color: #fff; border: 1px solid rgb(53, 56, 72); width: 100%; height: 14em; display: flex; justify-content: center; gap: 200px; padding: 20px 10px; }
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!