让整个网页居中用什么代码

网页设计整体居中代码 

以下是一段CSS代码，可以将整个网页布局在屏幕中央，达到整体居中的效果。请将下面的代码复制到pre标签中：

```css

p{text-align:center;}

body{display:flex;justify-content:center;align-items:center;height:100vh;}

```

以上代码将文字（p标签）设置为中心对齐。而将整个页面通过body标签设置为“flex”布局，然后使用“justify-content”和“align-items”属性将其居中对齐，确保页面在不同分辨率下都能够完美地居中显示。其中，“100vh”是视口高度的一个单位，它表示屏幕的高度大小。将body的高度设置为100vh，确保整个页面始终在屏幕居中。