在制作网站的过程中,经常会遇到需要让页面以中间缩小的需求。这时我们可以运用css中的一些技巧来实现。首先,我们可以通过设置body的宽度来控制页面的宽度。如下代码:body{ width: 1200p
在制作网站的过程中,经常会遇到需要让页面以中间缩小的需求。这时我们可以运用css中的一些技巧来实现。
首先,我们可以通过设置body的宽度来控制页面的宽度。如下代码:
body{ width: 1200px; margin: 0 auto; }
其中,width表示页面的宽度,margin:0 auto;表示让页面居中显示。
除此之外,我们还可以使用弹性盒子来实现。代码如下:
body{ display: flex; justify-content: center; align-items: center; }
其中,display:flex;表示将body元素设置为弹性盒子,justify-content: center;表示将子元素水平居中,align-items: center;表示将子元素垂直居中。
通过以上两种方法,我们就可以轻松地让页面以中间缩小了。
粉丝
0
关注
0
收藏
0