首页整个页面由一个div包裹一个h1和两个子div，整个页面样式效果为居中对齐，宽度1320px，高度640px，背景颜色#FEFEDD

整个页面由一个div包裹一个h1和两个子div，整个页面样式效果为居中对齐，宽度1320px，高度640px，背景颜色#FEFEDD

时间: 2024-12-20 17:31:20 浏览: 15

你可以通过CSS来设置这个页面的样式。首先，你需要创建一个`<div>`作为页面容器，然后添加内部的`<h1>`和两个子`<div>`。以下是相关的HTML和CSS代码： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <style> body { margin: 0; padding: 0; /* 确保页面没有滚动条 */ } .page-container { display: flex; justify-content: center; /* 居中水平方向 */ align-items: center; /* 居中垂直方向 */ width: 1320px; height: 640px; background-color: #FEFEDD; position: relative; /* 如果需要调整元素位置，可以设置position属性 */ } .page-container h1 { text-align: center; } .child-divs { display: flex; flex-wrap: wrap; /* 如果内容太多，可以让子元素换行 */ } .child-div { flex: 1; /* 自适应宽度，每个子div占据相等空间 */ box-sizing: border-box; /* 包含边框和内填充 */ } </style> </head> <body> <div class="page-container"> <h1>这是页面标题</h1> <div class="child-divs"> <div class="child-div">子div 1</div> <div class="child-div">子div 2</div> </div> </div> </body> </html> ```

阅读全文