将图像对齐到中心

时间:2016-11-14 12:34:38

标签: css image alignment containers

难以使三个图像成为相应盒子/容器的底部中心,而不会溢出到黄色背景上的边缘。网址link

Snapshot of images I am trying to centre

2 个答案:

答案 0 :(得分:1)

删除身高

.feedback-box .client {
    margin-top: 30px;
/*  height: 73px; */
    position: relative;
}

删除Float, 添加保证金:0自动;

.feedback-box .client-image {
    /*  float: right; */
    width: 150px;
    height: 100px;
    padding: 5px;
    border: 4px solid #ececec;
    margin: 0 auto;
}

答案 1 :(得分:1)

删除margin: 0 auto并将.client-image添加到.feedback-box .client-image { /* float: right; Remove this or float:none */ width: 150px; height: 100px; padding: 5px; border: 4px solid #ececec; margin: 0 auto; } 类:

margin-bottom

并将.feedback-box .client添加到.feedback-box .client { margin-top: 30px; height: 73px; position: relative; margin-bottom: 20px; }

(define (rolling-window l size)
  (cond ((eq? l '()) '())
        ((< (length l) size) '())
        ((cons (take l size) (rolling-window (cdr l) size)))))