在HTML&CSS中，如何最科学地将文字显示在图片正中间？
上面这张图是一个APP的界面。我正在学习HTML和CSS。我想请问，如何在HTML中实现上面这样图片的排版。
：
我百度了一下，尝试了两种方法，但是感觉不太好，问题在于百度给我的答案对于各个浏览器并不普遍适用，也有的方法是div层太多，我觉得语义化不太好。
【我希望得到的解答是】
很有经验的前端工程师会选择用什么样的方法实现这样的效果？
展开
收起
2
条回答
写回答
写回答
-
-
IT从业<style type="css/text"> /*如果支持CSS3的话,不支持的话就用js计算left和top的值*/ .vcenter {position:absolute;left:50%;top:50%;translateX(-50%);translateY(-50%)} </style> <div> <img src='xx' /> <div class="vcenter">center</div> </div>2019-07-17 19:24:00赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
