繁体   English   中英

如何使用css将图像对准中心?

[英]How to align an image to the center with css?

我有三个图像。 需要对齐以使它们适合同一条线并居中。 我设法使用float对齐了第一张和第三张图片:left; 浮动:对; 但我正在努力对齐中心图像。

https://dl.dropbox.com/u/94786808/example.png

这是涉及的代码:

.postprojects {
     margin-top: 60px;
     padding-left: 35px;
     padding-right: 35px;
     padding-top: 35px;
     background-image:url('image/bgprojects.png');
     width: 889px;
     height: 300px;
     }

.postproject1 {
     float: left;
     overflow: hidden;
}

.postproject2 {
     float: left;
     overflow: hidden;
}

.postproject3 {
    float: right;
    overflow: hidden;
}

有什么建议么?

(PS忽略了网站底部的怪异剪辑。这是一个填充错误)

试试这个代码,可能是:

.postproject2 {
    float: left;
    overflow: hidden;
    margin: 73px 10px 0;
}

小提琴: http : //jsfiddle.net/praveenscience/eFK7F/2/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM