如何解决使用 flexbox 移动元素
我无法将 titolo
类中的最后一个 div 向右移动。
在带有 titolo
类的 div 中还有 5 个 div。
这 5 个的最后一个 div 应该向右移动。
我想避免使用边距移动
有人可以帮我吗?
非常感谢!!
body {
font-family: 'PT Sans Narrow',sans-serif;
background-color: black;
}
.bannerSup {
background-color: black;
padding: 5px
}
.titolo {
display: flex;
font-size: 1.3em;
padding: 15px;
}
.titolo a {
color: aliceblue;
text-decoration: none;
}
div.titolo>div {
margin-right: 70px;
margin-bottom: -10px;
}
div.titolo>div>a.contatti {
color: red;
}
div.titolo>div:nth-child(5) {
align-self: flex-end;
}
.bannerInf {
border: 10px solid azure;
padding: 20px;
display: flex;
}
#banner1 {
width: 100%;
}
<div class="bannerSup">
<div class="titolo">
<div> <a href="https://www.google.com" target="_blank">PRODottI</a></div>
<div> <a href="https://www.google.com" target="_blank">ABOUT US</a></div>
<div> <a href="https://www.google.com" target="_blank">STORY</a></div>
<div> <a href="https://www.google.com" target="_blank">CONTACTS</a></div>
<div> <a class="contatti">CONTACTS</a></div>
</div>
<div class="bannerInf">
<img id="banner1" src="https://via.placeholder.com/800x100" alt="Immagine Banner">
</div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。