Material-ui Tabs左对齐问题

时间:2017-07-26 06:33:39

标签: css reactjs material-ui

material-ui的当前版本不支持组件中的左对齐选项卡。我看到了一个解决方法 https://github.com/callemall/material-ui/issues/4420

这是我的相同实现 https://www.webpackbin.com/bins/-KpxVgwKOLPfM8CFcu5-

但是当选择第一个标签时,标签栏会扭曲并且高度超出预期。

1 个答案:

答案 0 :(得分:1)

左对齐

  

Tabs组件的初始迁移已合并到下一个分支上。   该功能已实施,现在是默认行为。   感谢您提供这些详细信息。

feature

支持v1-beta

修正高度问题

  

标签栏扭曲,高度超出预期。

headline: {{ marginTop: '0px' }}

请参阅:comment

使用填充

  

我希望在标签结束后有一个容器边距。

标签结构对我来说真的很奇怪,由于某些原因你不能使用保证金,试着改用填充:

contentContainerStyle={{ paddingTop:'50px' }}

设置宽度

请勿在{{1​​}}中设置宽度,而是使用包装:

tabItemContainerStyle

Example (webpackbin)