html - 如何将 div 标签放在中心屏幕
问题描述
我想在中心屏幕显示 div,实际上是中心的 div 标签,但是当我设置更多数据时,它会将 div 标签移到屏幕下方
好结果
结果不好 - 不在中央屏幕
CSS
/* start set fonts */
* {
font-family: 'Montserrat', sans-serif;
margin: 0;
padding: 0;
}
/* start general */
html body {
background-color: #181333;
}
/* start container class */
.container {
width: 100%;
background-color: #1e1939;
position: absolute;
top: 50%;
margin: auto;
}
/* start title class */
.title {
display: block;
margin: 5px;
padding: 5px;
color: #fefefe;
text-align: center;
letter-spacing: 5px;
}
/* start main line class */
.main_line {
display: block;
width: 5%;
margin: auto;
border: 1px solid #9d0dab;
}
/* start description class */
.description {
width: 25%;
display: block;
margin: 5px auto 5px auto;
padding: 5px;
color: #6f64a8;
text-align: center;
}
/* start person class
.person {
width: auto;
display: block;
text-align: center;
}
.photo {
display: inline-block;
margin: 10px;
}
*/
HTML
<body>
<div class="container">
<h1 class="title">OUR TEAM</h1>
<hr class="main_line">
<p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Lorem ipsum dolor sit amet et dolore aliqua.</p>
</div>
</body>
它从底部屏幕占用空间我希望 div 每次都在中心屏幕...................................... ...................................................
解决方案
推荐阅读
- flutter - GridView 中的项目在超出视口时会丢失其状态
- php - PHP 中的 WSDL 错误:没有关联的地址
- xml - Bash:使用字符串中的 grep 获取所有字符串匹配的最佳方法
- docker - 您如何为 docker-compose 正确设置 .net core 3.1 web api url?
- python - 请求 - 如何更改发送的位置?
- c# - 代码合同在 Visual Studio 2019 中不起作用
- testing - 在 azure devops 管道中显示测试失败的屏幕截图
- r - 为什么我们在 R 的 model.matrix 函数中提到 -1 ?是为了一种热编码还是有其他原因?
- python - Brightway2 未在 Jupyterhub Docker 中导入
- java - 使用 POI 替换 docx 文件中的书签时如何保持原始格式