如何将属于同一.fixed-header #header {
display: flex;
align-items: center;
justify-content: center;
height: 80%;
box-shadow: 3px 0px 0px rgba(40, 40, 40, 0.8);
cursor: pointer;
transition: all ease 1s;
flex-basis: 35%;
}
.fixed-header #header:hover {
flex-basis: 75%;
}
元素的不同元素水平放置在同一行上？我想在网站顶部创建一个导航栏，该导航栏的左侧是徽标，搜索栏的中心是搜索按钮，右侧是登录下拉菜单，但是我无法对齐这三个元素， 请帮忙。
答案 0 :(得分：0)
在您的div样式中添加以下代码：
display: -webkit-box
display: flex
width: 100%
margin-right: auto
margin-left: auto
-webkit-box-pack: start
-webkit-justify-content: flex-start
-ms-flex-pack: start
justify-content: flex-start
-webkit-box-align: center
-webkit-align-items: center
-ms-flex-align: center
align-items: center