我正在编写一个网站,我有基础,但我想要一个易于实现的中间内包装div来保存网站的内容。我对CSS没有超级经验,我找不到任何相关的帮助。
我希望最终结果看起来像这样 - http://i.imgur.com/vkBzWsk.jpg?1
我在代码中四处查看,但是在数小时内挖掘300多行代码似乎很疯狂,以寻找在中间添加白色方块的方法。
答案 0 :(得分:0)
这实际上很简单,只需几行css代码:
<MSBuild Projects ="@(ProjectsToBuild)"
ContinueOnError ="false"
Properties="Configuration=$(Configuration)">
根据您的代码,这是一个完整的HTML示例:
div{
width:60%;
margin-right:auto;
margin-left:auto;
background-color:red;
}
此外,我不知道您是否使用过它,但www.w3schools.com是一个非常好的html / css / javascript网站(以上所有内容) 。它有教程和参考资料!
答案 1 :(得分:0)
我已经制作了一个simple JsFiddle示例,您可以运行,修改和检查。
看一下,为了使这个工作,你需要让你的包含元素(html,body)具有100%的宽度和高度
html, body{
width:100%;
height:100%;
}
然后你可以简单地使用百分比作为白色东西,简化版本看起来像这样:
#whiteInnerDivThing{
width:60%;
height:30%;
margin-top:50%;
margin-right:auto;
margin-left:auto;
}
此外,我在示例中添加了圆角和插入阴影,因此它更好。顺便说一下,我也喜欢Jazza:D