我想知道如何将导航栏内容居中对齐,这是我正在使用的代码。实际上,我不知道代码有什么问题,如果有任何帮助,我将不胜感激。
.tg-navigationarea {
width: 100%;
float: left;
position: relative;
background: #000;
}
.tg-nav {
z-index: 2;
float: left;
text-transform: uppercase;
font: 400 13px/40px 'Open Sans', Arial, Helvetica, sans-serif;
}
.tg-navigation {
width: 100%;
float: left;
padding: 0;
line-height: inherit;
}
.tg-navigation ul {
margin: 0;
list-style: none;
line-height: inherit;
}
.tg-navigation>ul {
width: 100%;
float: left;
}
.tg-navigation ul li {
line-height: inherit;
list-style-type: none;
}
发布于 2017-11-07 17:53:50
其中一种方法是使用flexbox。添加
display: flex;
justify-content: center;
如果您删除width: 100%
和float: left
,将使导航栏居中。
https://stackoverflow.com/questions/47154626
复制相似问题