完美居中

最新推荐文章于 2022-11-05 16:30:31 发布

不懂1417

最新推荐文章于 2022-11-05 16:30:31 发布

阅读量104

点赞数

分类专栏： ui界面

ui界面专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<style type="text/css">
    .wrp {
        background-color: #b9b9b9;
        width: 240px;
        height: 160px;
    }
    .box {
        color: white;
        background-color: #3e8e41;
        width: 200px;
        height: 120px;
        overflow: auto;
    }
    .wrp1 { position: relative; }
    .box1 {
        margin: auto;
        position: absolute;
        left: 0; right: 0; top: 0; bottom: 0;
    }
</style>
<div class="wrp wrp1">
    <div class="box box1">
        <h3>完全居中层1：</h3>
        <h3>开发工具 【 WeX5 】： 高性能轻架构、开源免费、跨端、可视化</h3>
    </div>
</div>

传送门