CSS 如何实现垂直居中图片弹窗的效果?

html-css014

CSS 如何实现垂直居中图片弹窗的效果?,第1张

在一个容器里再定义一个绝对定位的p容器,再在p容器里放需要垂直居中的图片,图片定义相对定位的CSS。直接上CSS代码:#pic{width:300pxheight:300pxbackground-color:greenborder:6pxsolid#ccctext-align:centerposition:relativedisplay:.

设置容器垂直居中:

①设置它父级的样式:position:relative

②设置它的样式:height:20pxposition:absolute top:50%margin-top:10px

【注意修改尺寸时,margin-top必须为height的一半。】