我们如何像muicss的左/右分隔组件那样给AppBar设置垂直分隔线?
简单地插入具有height: 100%
属性的div元素并不能起到作用。
<AppBar position="static" color="default">
<Toolbar>
<Typography type="title" color="inherit">
Title
</Typography>
<div style={{
border: 'solid #ff0000',
height: '100%'
}}>
</div>
<Typography type="title" color="inherit">
Title 2
</Typography>
</Toolbar>
</AppBar>
这里是代码的实时示例。 https://codesandbox.io/s/54070o6v2x
谢谢。
我的环境
| Tech | Version |
|--------------|---------|
| Material-UI | next |
| React | 16.2.0 |
| Browser | Chrome 63.0.3239.84 |
sx={{display: "inline"}}
。 - Amir Mehrnam