1
所以,我有這個簡單的頁腳元素,其中我嵌套4個SVG圖像和一個段落。 我如何將元素疊加在一起?
<img class="image1 svg" src="css/img/facebook.svg" alt="facebook_profile">
<img class="image2 svg" src="css/img/tweeter.svg" alt="tweeter_profile">
<img class="image3 svg" src="css/img/google-plus.svg" alt="google_plus_profile">
<img class="image4 svg" src="css/img/skype.svg" alt="skype_account">
<p class="copyright">© 2017 Chirca Razvan</p>
</footer>
這些都是適用於它的風格:
.svg {
width: 50px;
height: 50px;
}
.copyright {
display: block;
flex-basis: auto;
margin-left: 15px;
margin-right: 15px;
}
footer {
display: flex;
flex-wrap: wrap;
justify-content: center;
background: rgb(9, 28, 41);
padding: 30px 0;
text-align: center;
}
我想使該段出現下面的圖片與他們之間的一些空間。
使用是真的有必要Flexbox的?在我看來,你使用的方式太多的CSS聲明,只使用'text-align:center'就足夠了。 [的jsfiddle](https://jsfiddle.net/rickyruizm/vLajohfy/)。 – Ricky