这可能很天真,但我正在努力使父div元素的div子元素水平
我正在尝试制作一个标题,这是我的代码
.logoImg {
width: 50px;
height: 50px;
}
.header {
display: flex;
justify-content: center;
float: left;
}
.logo {
margin: 0 auto;
display: flex;
}
.addressDropDown {
margin: 0 auto;
display: flex;
}
<header>
<div className="logo">
<img className="logoImg" src='https://via.placeholder.com/100x100' alt="" />
</div>
<div className="addressDropDown">
<p>Dropdown</p>
</div>
<div className="searchBar">
<input type="text" placeholder="What are you looking for?" />
</div>
<div className="languageSetting">
<p>language</p>
</div>
<div className="singInBtn">
<p>signIn</p>
</div>
<div className="cartBtn">
<p>Cart</p>
</div>
</header>
<body>
Body of the page
</body>
如果有人能指出我的错误或给我一些提示,我将不胜感激
谢谢
只是CSS代码中的一个小错误。选择器应该是CCD_ 1(这选择所有报头元素(而不是CCD_
您的错误是,您试图更改.header
的样式。但是,要访问<header>
元素,您必须删除点:
header {
...
}