容器内的中心图片

时间:2015-07-09 19:03:18

标签: html css

我正在尝试找出最好的方法让我将每张照片(#contact1,#contact2,#contact3)放在每个容器中。我试图把保证金留下等,但在我扩大规模时不起作用。 我有一个JSFiddle我已经开始:http://jsfiddle.net/tJugd/3592/

HTML:

<div class="slide" style="height:66px;">
    <div class="staff staff-matt" data-hammer="[object Object]">
        <div id="contact1"><img src="mobile_aboutus.svg" alt="About us" style="width:44px;height:auto"></div>
    </div>

    <div class="staff staff-shail" data-hammer="[object Object]">
        <div id="contact2"><img src="mobile_aboutus.svg" alt="About us" style="width:44px;height:auto"></div>
    </div>

    <div class="staff staff-leah" data-hammer="[object Object]">
        <div id="contact3"><img src="mobile_aboutus.svg" alt="About us" style="width:44px;height:auto"></div>
    </div>
</div>

CSS :(在JSFiddle上查看全部)

#contact1, #contact2, #contact3{
    position:relative;
    background-color:white;
    width:100%;
    height:66px;
}

3 个答案:

答案 0 :(得分:1)

您将需要使图像显示块并自动添加边距0

#contact1 img, #contact2 img, #contact3 img{
    margin: 0px auto;
    display:block;
}

答案 1 :(得分:0)

尝试:

Move-Item 'C:\Users\RB398970\Documents\WeekendUpdateReport\weekendCloseReport.pdf' 'C:\Users\RB398970\Workspaces\Supply Chain\Document Templates\'


Move-Item "C:\Users\RB398970\Documents\WeekendUpdateReport\weekendCloseReport.pdf" "C:\Users\RB398970\Workspaces\Supply Chain\Document Templates\"

这使得您的图像在两侧都具有相同的边距,并且通常适用于大多数div和图像。

答案 2 :(得分:0)

尝试将属性SELECT completion_date FROM test ORDER BY STR_TO_DATE(completion_date, '%m/%d/%Y') DESC LIMIT 1; 添加到职员类。