1、首先大家创建一个父层div,然后定位为position:relative;
2、其次大家创建img和span标签;
3、接着img宽高为父级元素宽高;
4、紧接着span定位为position:absolute,并设置left和top为50%,再设置margin为宽高的一半实现居中。
就这样,在css中让文字显示在图片上居中了。
如果觉得《css如何让文字显示在图片上居中 – CSS – 前端 好看的css 字体》对你有帮助,请点赞、收藏,并留下你的观点哦!
时间:2019-11-17 08:55:52
1、首先大家创建一个父层div,然后定位为position:relative;
2、其次大家创建img和span标签;
3、接着img宽高为父级元素宽高;
4、紧接着span定位为position:absolute,并设置left和top为50%,再设置margin为宽高的一半实现居中。
就这样,在css中让文字显示在图片上居中了。
如果觉得《css如何让文字显示在图片上居中 – CSS – 前端 好看的css 字体》对你有帮助,请点赞、收藏,并留下你的观点哦!
怎么使网页中的文字在底部居中显示 – CSS – 前端 css 居中平铺
2023-02-28
css如何让文字显示在图片上居中? input标签的css样式
2023-07-06
如何做好歌手群管理 – CSS – 前端 css让图片在div居中显示图片
2019-08-11
失眠求解:神衰神衰配方曝光 黄连 肉桂 生地黄等草药为你打造安眠利器!
2024-07-23
患者 女 33岁 每于经期头晕头痛 心悸失眠 月经量少 色淡质稀 舌淡 苔薄白 脉
2024-07-23