如何在PivotItem标头中居中放置文本和图标

问题描述

使用

<Pivot onSelect={handleSelect} selectedKey={selectedTab} linkFormat={PivotLinkFormat.tabs} linkSize={PivotLinkSize.large}
              styles={{ root: { display: 'flex',justifyContent: 'center',alignContent: 'center' } }}>
                  <PivotItem headerText="DPC Request" itemIcon="CustomList" key="request" style={{ alignContent: 'center' }} >

我希望文本和图标会出现在Tab标题的中心。但事实并非如此。

使用chrome dev工具，我尝试了所有类型的CSS，但没有使它居中。 有人知道一种将文本和图标居中的方法吗？ 谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）