方案一、性能比方案二好
- /*将最外层元素都撑开到100%屏幕*/
- html,body{
- width:100%;
- height:100%;
- }
- body{
- text-align:center;
- }
- body:after{
- content:"";
- display:inline-block;
- height:100%;
- vertical-align:middle;
- }
- /*选中的图片元素*/
- img{
- vertical-align:middle;
- }
-
方案二、
- img{
- position:absolute;/*这里是方案二的代价*/
- left:0;
- right:0;
- top:0;
- bottom:0;
- margin:auto;
- }
-
湘公网安备 43102202000103号
