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

html-css076

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

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

1.强行控制图片的大小并点击打开新页面

<img src="图片" width="100" height="100" onclick="window.open('另一个页面的地址')"

2.然后在那个页面载入原来的大图

当然如果你技术可以的话,最好不要打开新页面,弹出一个原本隐藏的div就可以了