语义UI菜单样式问题

Question

我想通过将文本移动到中间来设置菜单样式。当我在Chrome上检查元素时，当我将align self属性更改为等于initial或normal时，它就起作用了。如何在代码中添加此css？这就是我尝试过的：

菜单代码：

<Menu fluid={true} pointing secondary size="massive" color="grey" width="20%">
<Menu.Item 
class=".ui.secondary.pointing.menu"
position='left'
name='home'
// active={activeItem === 'home'} 
onClick={handleItemClick}
as={Link} 
to='/createcampaign'
className = {classes.text}


>
Start A Campaign
</Menu.Item>

样式.scs:

.ui.secondary.pointing.menu{
align-self: initial;
border-bottom: 0.4px solid #E1E1E1 !important;
box-shadow: none;
align-self: none;
}

Answer 1

查看此示例：https://codesandbox.io/s/react-semantic-ui-forked-34y63?file=/src/index.js

我创建这个类是为了对齐它的子元素：

.center {
display: flex;
justify-content: center;
}

并在CCD_ 1上添加为CCD_！也许有一个简单的方法，但我没有在文档中找到