摘要：效果如图： 解析： 结构共为2层，父级固定宽高，子级图片高度100%，宽度可不设，让其自动适应。通过子绝父相，再将子级以自身位置为中心点，使用 transform: translate(-50%, -50%); 向上向左移位自身的一半 ，达到水平垂直居中的效果。 其效果类型背景图片的：backgro 阅读全文

摘要：效果图： 如图：此文主要记录，进度条进度与进度百分比文字位置相同。 视觉效果：文字跟随进度条进度。 此为纯 css ，主要利用了：进度条进度 width 百分比 与 文字 padding-left 百分比 相同，以此产生视觉效果。 html <div class="box-row row2"> <d 阅读全文