绝对定位多个字居中显示的css

时间:2022-05-10
本文章向大家介绍绝对定位多个字居中显示的css，主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。

在工作中遇到一种情况，例如把一个div元素绝对定位到一个位置，但是该元素中的文字个数不确定，还要保证始终该文字是居中显示，则可以定义两个div,外层div绝对定位并加一个宽度，内层div居中

.box03 .percent {
            position: absolute;
            right: 31%;
            top: 12%;
            width: 100px;
            font-family: arial;
            font-weight: bold;
            color: #e83522;
            font-size: 1rem;
        }
        .box03 .percent span{
            display: inline-block;
            text-align: center;
            width: 100%;
        }

随机文章
WEB前端知识点必读
最近更新