Question

如果你去here，你会在最底部看到一个浅灰色框，上面写着＆＃34;合作伙伴＆＃34;。当网站处于全屏模式时，一切看起来都是正确的，但是当您编辑浏览器并使宽度变小时，它会切换到每行都有一个图像。它似乎发生在DIV的最大宽度低于1000px时，您可以从下面看到我将CSS设置为最大宽度1000px或浏览器宽度的95％。关于如何解决这个问题的任何想法？

.footer-full-row {
padding-left: 20px;
width: 95%;
max-width: 1000px;
margin: 0px auto 0px auto;
color: #fff;
background:gray;
}

Answer 1

如果我理解你，你希望图像不会分别显示在一个单独的行中，所以你需要将这个css属性添加到.textwidget img：

.textwidget img{
display:inline-block;
}

这将使它无论如何都要包装，以便保留图像的大小，但是你不会将每张图片都放在一个单独的镜片中，它会根据需要进行包装。页。

Answer 2

在您的responsive.css文件中，您有媒体查询将所有img元素设置为display: block;。您可以使用

之类的内容覆盖它

.footer-widget img {
    display: inline-block;
}

Answer 3

在 style.css 中更改：

#footer .textwidget {
    background: none;
    margin-bottom: 26px;
    padding: 0px;
    overflow: hidden;
}

到此：

#footer .textwidget {
    background: none;
    margin-bottom: 26px;
    padding: 0px;
    overflow: hidden;
    display: flex;
 }

CSS显示 - Div文本被包装

3 个答案: