html video居中裁剪显示,css3居中裁切不变形.html

图片居中

#main {

font-size: 0;

}

.box {

display: inline-block;

vertical-align: top;

margin: 50px 0 0 20px;

width: 150px; /* 容器必须设置宽高 */

height: 150px;

background-size: cover;

background-position: center center;

}

var vm = new Vue({

data: {

srcs: [

"http://img.zcool.cn/community/[email protected]_1l_2o_100sh.jpg",

"http://img17.3lian.com/d/file/201703/07/4ceeb6fc3d7956ac7731290a603e0a84.jpg",

"https://up.enterdesk.com/edpic_source/f5/34/83/f53483429ccc69d00ae98dd5f05317a4.jpg",

"http://img.taopic.com/uploads/allimg/131125/240503-1311250IT642.jpg"

]

}

}).$mount("#main");

一键复制

编辑

Web IDE

原始数据

按行查看

历史