语义-UI菜单样式问题
语义-UI菜单样式问题
提问于 2020-11-12 04:00:26
我想通过将文本移到中间来设置菜单的样式。当我在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>Styles.scss：
.ui.secondary.pointing.menu{
align-self: initial;
border-bottom: 0.4px solid #E1E1E1 !important;
box-shadow: none;
align-self: none;
}Stack Overflow用户
发布于 2020-11-14 01:20:16
检查此示例：https://codesandbox.io/s/react-semantic-ui-forked-34y63?file=/src/index.js
我创建这个类是为了对齐子元素：
.center {
display: flex;
justify-content: center;
}并添加到Menu作为<Menu className='center' ...它的工作！也许有一种简单的方法，但我在文档中没有找到
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64793337
复制相关文章
相似问题
腾讯云开发者
