sách gpt4 ai đã đi

html - 带有内容的图 block 填充不一致

In lại 作者:太空宇宙 更新时间:2023-11-04 02:17:03 25 4
mua khóa gpt4 Nike

我正在使用 HTML 和 CSS 制作一个简单的平铺 View 。它工作正常,没有任何严肃的内容,看起来也不错,但是如果我添加任何图像或类似的东西,它会立即使它看起来很垃圾(可以找到该站点 đây)我做错了什么?我查看了 padding,那个空间里没有任何东西!

我的代码如下:

ul.tiles {
max-width: 620px;
height: auto;
}

ul.tiles li {
hiển thị: khối nội tuyến;
vị trí: tương đối;
width: 200px;
chiều cao: 200px;
background: #FAFAFA;
z-index: 0;
margin: 5px 5px 5px 5px;
transition: all .15s ease-in-out;
box-shadow: 0 2.5px 5px 0 rgba(0,0,0,.2);
}

ul.tiles li * {
width: 100%;
height: auto;
}

ul.tiles li:hover {
background: #FAFAFA;
z-index: 100;
transform: scale(1.0,1.0);
box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
}

1 Câu trả lời

Thêm vàovertical-align:top

ul.tiles li {
background: #fafafa none repeat scroll 0 0;
box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.2);
hiển thị: khối nội tuyến;
chiều cao: 200px;
margin: 5px;
vị trí: tương đối;
transition: all 0.15s ease-in-out 0s;
vertical-align: top;/*add this property*/
width: 200px;
z-index: 0;
}

关于html - 带有内容的图 block 填充不一致,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38742758/

25 4 0
Bài viết được đề xuất: c++ - 部署
Bài viết được đề xuất: node.js - 检查 semver 是否正确
Bài viết được đề xuất: javascript - 将数据从 Jade View 传递到 Controller
Bài viết được đề xuất: javascript - 禁用网页上的滚动并仅允许在页面部分上滚动
太空宇宙
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com