Foundation 5全宽度页眉图片

Question

我在我的主页上遇到了问题。

请你帮我解决一下，当在非常大的屏幕上时，我的页眉图片会左浮动。

<div class="row fullWidth">
<img src="img/header.jpg" alt="header-picture"></div>

CSS：

.fullWidth{width: 100%;margin-left: auto;margin-right: auto;max-width: initial;}

- Darius Schindler

Answer 1

你的意思是在宽屏幕监视器上，这个图像被“左对齐”了。你想让它居中还是以全宽覆盖？

接着添加：

.fullwidth img {
    display: block;
    width: 100%; /* just add width in case you want the image covering full-width */
    margin: 0 auto;
}

将其翻译为中文："

到你的样式表。

"

- Volker E.

---

@DariusSchindler 如果您同意这个答案，点击勾号接受它将会很好。请参考https://stackoverflow.com/help/someone-answers。 - Volker E.