[分享]css中div框居中显示文字

/* 对于需要居中的<div>框，首先需要定义宽度和高度 */
div {
    width: 300px; /* 设置宽度为300px */
    height: 200px; /* 设置高度为200px */
    background-color: lightblue; /* 设置背景颜色为浅蓝色 */
    text-align: center; /* 将文字居中显示 */
}

/* 接下来，需要通过CSS来实现框的居中 */
div {
    position: absolute; /* 设置为绝对定位 */
    top: 50%; /* 将框的顶部等于浏览器窗口顶部的一半 */
    left: 50%; /* 将框的左侧等于浏览器窗口左侧的一半 */
    margin-top: -100px; /* 将框向上移动50%的高度 */
    margin-left: -150px; /* 将框向左移动50%的宽度 */
} 

以上是