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

时间:2020-08-27 12:54:30

标签: reactjs office-ui-fabric fluent-ui

使用

<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,但没有使它居中。 有人知道一种将文本和图标居中的方法吗? 谢谢

0 个答案:

没有答案