Question

我想在中间绘制一条带有图像的水平线。我已经提到stack question，它适用于文本，但是当我添加图像而不是文本时，它对我不起作用。这是js fiddle

 .footer_bottom { 
    width:100%; 
    text-align:center; 
    border-bottom: 2px solid #cec5ba; 
    line-height:0.1em; 
    margin:10px 0 20px; 
} 
.footer_bottom img { 
    padding:0 10px; 
} 

<div class="footer_bottom"><img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Google.png/250px-Google.png" alt="Artisan House"></div>

非常感谢你的帮助。

Answer 1

如何在图片上使用position:absolute;并使用div上的边距播放margin:45px 0 20px;

的CSS：

.footer_bottom img { 
    position:absolute; 
    top:0;
    left:50%;
    margin-left:-125px;
}

检查 DEMO

已更新 （白色背景图片和垂直居中）

将background:white;添加到img

<强> DEMO

最新评论后更新
刚刚使用了你提到的帖子并添加了图片而不是文字...

DEMO 3

css技术用于水平线，中间有图像

1 个答案: