Html 中间图像中线的CSS技术 我想画一条中间有图像的水平线。 我提到过，它对文本非常有效，但当我添加图像而不是文本时，它对我不起作用。 这是你的电话号码 .footer\u bottom{ 宽度：100%； 文本对齐：居中； 边框底部：2px实心#cec5ba； 线高：0.1米； 利润率：10px 0 20px； } .footer_底部img{ 填充：0 10px； }

非常感谢您的帮助。

如何使用

位置：绝对并像这样播放div上的边距
边距：45px 0 20px

Css:

选中


更新（白色背景图像，垂直居中）

添加
背景：白色至
img



最新评论后更新

只是使用了你提到的帖子并添加了图片而不是文本

如何使用
位置：绝对并像这样播放div上的边距
边距：45px 0 20px

Css:

选中


更新（白色背景图像，垂直居中）

添加
背景：白色至
img



最新评论后更新

只是使用了你提到的帖子并添加了图片而不是文本

根据您的演示，线条会剪切图像。我希望两边都是线，中间是图像。我明白，但这是一种方法，当图像上有白色背景时。@CTravel:+1。即将发布与第二次更新相同的内容。我认为这是仅使用CSS可以获得的最大值。我的图像是透明的，我不能添加背景：#fffc您能将我们链接到您的图像，并清楚地解释您问题中的要求（所有要求）吗？根据您的演示，该行剪切图像。我希望两边都是线，中间是图像。我明白，但这是一种方法，当图像上有白色背景时。@CTravel:+1。即将发布与第二次更新相同的内容。我认为这是仅使用CSS可以获得的最大值。我的图像是透明的，我不能添加背景：#fffc您可以将我们链接到您的图像，并清楚地解释要求（所有要求）在你的问题中？我不认为这是一个答案，但也许它会在某种程度上帮助你：我不认为这是一个答案，但也许它会在某种程度上帮助你：
 .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>

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