css 在图片上添加按钮,相对于视口水平居中定位居中,自适应任何设备

客户提出按钮没居中,自我排查是没居中,则想办法居中,具体实现如下:

1、视图

图片[1]孙先森资源|专注优质网络资源教程分享css 在图片上添加按钮,相对于视口水平居中定位居中,自适应任何设备孙先森资源|专注优质网络资源教程分享孙先森资源教程

2、css

图片[2]孙先森资源|专注优质网络资源教程分享css 在图片上添加按钮,相对于视口水平居中定位居中,自适应任何设备孙先森资源|专注优质网络资源教程分享孙先森资源教程

主要css 给父元素设置样式

// 播放按钮在图片上居中
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;

效果图 自适应

图片[3]孙先森资源|专注优质网络资源教程分享css 在图片上添加按钮,相对于视口水平居中定位居中,自适应任何设备孙先森资源|专注优质网络资源教程分享孙先森资源教程
图片[4]孙先森资源|专注优质网络资源教程分享css 在图片上添加按钮,相对于视口水平居中定位居中,自适应任何设备孙先森资源|专注优质网络资源教程分享孙先森资源教程

© 版权声明
THE END
喜欢就支持一下吧
点赞8赞赏
分享
评论 抢沙发
孙先森资源的头像孙先森资源|专注优质网络资源教程分享孙先森资源教程

昵称

取消
昵称表情代码图片