全国二级建造师查询网站,域名评估价格平台,英德网站建设,h5编辑工具最近工作中在做那个可视化大屏#xff0c;图中用到了大量的装饰图片#xff0c;下面看一下文字怎么在图片中水平居中。 这个方法比较好用#xff0c;其他的方法嵌入太多可能不是特别好使#xff0c;尤其嵌入到多个框架中。 html
!DOCTYPE html
htmlh… 最近工作中在做那个可视化大屏图中用到了大量的装饰图片下面看一下文字怎么在图片中水平居中。 这个方法比较好用其他的方法嵌入太多可能不是特别好使尤其嵌入到多个框架中。 html
!DOCTYPE html
htmlheadmeta charsetutf-8 /title测试文字在图片上展示/titlestyle typetext/css.imgGroup{width: 500px;height: 370px;position: relative;margin: auto;/* text-align: center; */}.text{ position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: red;}.imgGroup img{width: 100%;height: 100%;} /style/headbodydiv classimgGroupimg srcimg/1.png alt图片/div classtext孙叫兽/div/div/body
/html效果图
