如何在Fluent UI中居中枢轴标题？
吴伟
我想在Fluent UI中使用枢轴来显示菜单。
<Pivot linkSize={PivotLinkSize.large}>
<PivotItem headerText='userInfo' headerButtonProps={}>
<UserPage />
</PivotItem>
<PivotItem headerText='userConfig'>
<UserSetting />
</PivotItem>
<PivotItem headerText='Store'>
<StorePage />
</PivotItem>
<PivotItem headerText='SubInfo'>
<SubInfo />
</PivotItem>
</Pivot>
它显示如下：
但是我想将“数据透视表头”放到中间，我尝试更改样式属性，但是没有任何进展。
如何将数据透视表头对准中心？
alex3683
如果要使所有按钮在水平方向上居中，只需将Pivot设置为flexbox并使其所有项目居中对齐即可：
<Pivot linkSize={PivotLinkSize.large}
styles={{ root: { display: 'flex', justifyContent: 'center' } }}>
<PivotItem headerText='userInfo' headerButtonProps={}>
<UserPage />
</PivotItem>
<PivotItem headerText='userConfig'>
<UserSetting />
</PivotItem>
<PivotItem headerText='Store'>
<StorePage />
</PivotItem>
<PivotItem headerText='SubInfo'>
<SubInfo />
</PivotItem>
</Pivot>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何在Fluent UI中更改PrimaryButton的悬停样式？
- 2
如何在Fluent NHibernate中设置默认级联
- 3
如何在element-ui表的标题行中居中显示文本？
- 4
如何在C＃中创建Fluent接口，但对某些方法有一些限制？
- 5
如何在Azure Fluent中创建网络配置文件？
- 6
如何在 ASP.Net MVC 5 - Fluent API 中处理多对多相同的表（用户）
- 7
如何在默认居中的Word中设置标题样式？
- 8
如何在横幅图像中居中页面标题？
- 9
如何在 PyQt5 中居中窗口标题？
- 10
如何在 Xcode 8 中居中 UI 元素？
- 11
在Fluent UI中自定义枢轴项链接线的高度
- 12
如何在标题中居中图像？
- 13
如何在 ConstraintLayout 中将页面标题居中
- 14
如何在枢轴列中合并多行
- 15
在C＃中枢轴后如何创建两个暗淡数组
- 16
如何在Kendo UI TreeList中动态更改列标题？
- 17
如何在VCL样式的应用程序中居中放置TListView标头标题？
- 18
如何在highcharts中的饼图中动态居中图表标题位置
- 19
如何在java中将工具栏标题设置为在android中居中
- 20
在Excel中枢轴数据
- 21
如何在语义UI中将卡片居中？
- 22
如何在语义UI中将卡片居中？
- 23
Fluent NHibernate 多抽象类继承。如何在不为抽象类的 db 中创建表的情况下为每个具体类创建表
- 24
如何在sql server 2005中枢转一天的打卡次数？
- 25
如何在sql server 2005中枢转一天的打卡次数？
- 26
如何在Material-UI中将AppBar中的多行垂直居中
- 27
如何在Material-UI IconButton中居中对齐自定义SVG图标
- 28
如何在菜单栏中居中显示语义 ui-react 表单？
- 29
如何在标题中垂直居中放置文本？
我来说两句