html - 图片库显示/对齐

Question

我想要这 3 个 div(或者我应该制作一个)将一张照片放置在容器的左侧，一个居中，另一个放置在容器的左 Angular 。 现在我有这个:

HTML:

<div id="gallery">
                    <div class="foto"></div>
                    <div class="foto"></div>
                    <div class="foto"></div>
            </div> <!--Gallery END -->

CSS:

.foto {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 200px;
    background: white;
    border: 5px solid;
    border-color: #0BB5FF;
}
#gallery {
    margin: 10px 0px 10px 0px;
}

谢谢解答!

Answer 1

应用类似的东西:

margin-top: 5em; 
margin-left: 16em; 

您可以根据您的页面更改您的值!