我想在iframe周围添加填充,但由于某些原因,我不能让它在两边均匀地应用填充。
.container {
width: 980px;
margin: 0 auto;
}
.content {
padding-top: 100px;
margin: 0 auto;
}
iframe {
padding: 20px;
}
<div class="content">
<div class="container">
<iframe width="100%" height="500" scrolling="no" frameborder="no" allow="autoplay" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/468897489%3Fsecret_token%3Ds-lEQFX&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe>
</div>
</div>
https://stackoverflow.com/questions/51485845
复制相似问题