topHeader内元素的表现

来源：5-4 【主页开发】Header、Footer

守静笃

2022-12-03

图片描述
topHeader内元素（slogan\dropDown\buttonGroup)的表现就像是每行只能容得下一个元素一样，剩下的就要被挤下去。怎么改一下呢？

这是我第二遍做这个项目（第一遍做着做着没做下去），第一遍没问题，第二遍就不对了，我看了一下做第一遍时的文件，配置一摸一样。

写回答

2回答

慕标0069976

2023-02-04

已采纳

ant design v5版本才有的可能，原因是这个dropdown的display为flex，解决方法就是把Dropdown.Button的style加个display inline

style={{marginLeft: 15, display: "inline"}}

守静笃

非常感谢，我得再补一下CSS的知识了

2023-02-04

共1条回复

阿莱克斯刘

2022-12-21

如果是二刷的话就是正常现象，因为课程做了升级，react v17 -> v18、react-router升级为了v6，antDesign也升级了。最新的antDesign的css与旧版有点区别，请按照最新的课程来重新配置一下header组件。

React18 系统精讲结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发，获取必备技能

1993 学习 · 1015 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1