以最大宽度和侧边距为中心内容％

body { 
    max-width: 1000px !important; 
    margin-right: 5%; 
    margin-left: 5%; 
    height: 100%; 
}

试图按比例居中我的内容，同时保持1000像素的最大宽度似乎不起作用..是否有解决此问题的方法？它保持了5％的利润率为这个项目很重要..以最大宽度和侧边距为中心内容％

它对准我的所有内容向左..

来源

2017-05-05 Andrei Hambaleo

您的建议，好，谢谢。我发现，消除体内的最大宽度，并将其添加到身体内部的div有助于保持居中的外观，同时采用了5％的侧边.. –

如果你有一个5％的保证金左，右上1000像素下的分辨率可以使用此代码中心页面的内容：

.container{ 
 
    width:90%; 
 
    max-width:1000px; 
 
    margin:0 auto; 
 
    background-color: red; 
 
    height:500px; 
 
}

<body> 
 
    <div class="container"></div> 
 
</body>

超过1000px的内容结果集中在您的页面上。

来源

2017-05-05 07:33:07

这效果最好！谢谢！！！ –

不客气。 –

取而代之的是，你可以创建一个div并就

body { 
 
    margin: 0px; 
 
    padding: 0px; 
 
} 
 
.wrapper { 
 
    width: 100%; 
 
    max-width: 1000px; 
 
    margin: 0px auto; 
 
    height: 100%; 
 
    text-align: center; 
 
}

<div class="wrapper"> Your html code placed here </div>

添加 CSS

来源

2017-05-05 07:23:38

尝试设置以下内容到您的元素以对齐项目中心。

div{ 
display: flex; 
justify-content: center; 
align-items: center; 
}

body { 
 
    margin: 0; 
 
    padding: 0; 
 
} 
 

 
div { 
 
    display: flex; 
 
    justify-content: center; 
 
    align-items: center; 
 
}

<div> Loreum Ipsum</div>

来源

2017-05-05 07:28:21

你能做到不接触身体标记。 Div就够了。

.is-centered { 
 
    max-width: 1000px; 
 
    margin: 0 auto; 
 
    display: block; 
 
    padding: 2px; 
 
    width: 100%; 
 
    text-align: center; 
 
    height: 100%; 
 
} 
 

 
.grey { 
 
    background: grey; 
 
    color: white; 
 
}

<div class="is-centered grey"> 
 
    <p>this is centered!</p> 
 
</div>

来源

2017-05-05 07:28:57 claudios

好的谢谢你的建议..我发现删除身体的最大宽度，并将其添加到身体内部的div有助于保持居中的外观，同时使用5％的侧边距..

body { 
margin-right: 5%; 
margin-left: 5%; 
height: 100%;} 

<div style="max-width:1920px">content</div>

来源

2017-05-05 07:34:54

以最大宽度和侧边距为中心内容％

回答

相关问题