在响应式网站上，图像不会以大于1355px的屏幕宽度为中心

Question

当屏幕小于1355px时，图像居中

当屏幕尺寸超过1355px时，图像不居中

.nav {  
    font-family: "proxima-nova", sans-serif;
    display: block;
    float: right;
    color:#FFB8B8;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    text-decoration: none;
}

.one img {
    height: relative;
    display: block;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
}

Answer 1

删除CSS中的float:right;。如果屏幕尺寸大于1355px，则导航栏有足够的空间放在右侧，而旁边的图像则适合自己。使用float时会发生这种情况。如果您仍希望将导航栏保留在页面右侧，则可以添加margin-left适合您页面的任何内容，以使导航栏一直保持在右侧。如果你仍然不喜欢这种方法，那么你也可以使用position: CSS属性将导航栏准确定位在你想要的位置。

Answer 2

如果你可以为导航指定一个固定的高度，那么按照以下代码执行操作应该适用于你：

＆＃13;

＆＃13;

size

＆＃13;

List

＆＃13;

＆＃13;

＆＃13;

总之，我添加了一个具有固定高度的父级并显示为块。父级将包含导航。我也把img的位置作为亲戚而不是高度作为亲戚。

快乐编码，