基础5全宽标题图像

时间:2014-08-10 11:38:59

标签: css image header width zurb-foundation

我在my homepage

上遇到了问题 你能帮帮我吗?在非常大的屏幕上,它显示我的标题图像左浮动。

<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;}

1 个答案:

答案 0 :(得分:1)

您的意思是图像在宽屏显示器上左对齐。 你想让它居中或全宽吗?

然后添加:

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

到你的样式表。