Question

一个宽800像素+高200像素的div+请写出将它在页面上居中的CSs代码

Answer 1

问：一个宽800像素+高200像素的div+请写出将它在页面上居中的CSs代码

答：您好！要将一个宽800像素+高200像素的div在页面上居中，可以使用以下CSS代码：```div { width: 800px; height: 200px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}```这段代码的作用是将div的位置设置为绝对定位，然后将它的顶部和左侧都设置为50%。接着，使用transform属性将div向左和向上移动它自身宽度和高度的一半，从而实现居中效果。另外，还可以使用flex布局来实现居中，代码如下：```body { display: flex; justify-content: center; align-items: center; height: 100vh;}div { width: 800px; height: 200px;}```这段代码的作用是将body元素设置为flex布局，并将其高度设置为视口高度。然后，使用justify-content和align-i