你帮我调整一下这行代码,让这三张图片能在同一行展示。.cake h2 { color: #a593c2; margin-bottom: 40px; position: relative; margin-top: 30px; margin-bottom: 0; font-size: 50px; text-align: center; } .cake li{ float: left; margin: 75px; padding: 66px; padding-top: 30px; } .cake li img:hover{ box-shadow: 0px 5px 10px 0px #012966b7; }
时间: 2024-03-25 14:35:26 浏览: 60
可以尝试将`.cake li`的`margin`属性调小,以减少三张图片总宽度,从而让它们在同一行展示。例如,将`margin`属性改为`margin: 75px 10px;`。完整的CSS代码如下:
```
.cake h2 {
color: #a593c2;
margin-bottom: 40px;
position: relative;
margin-top: 30px;
margin-bottom: 0;
font-size: 50px;
text-align: center;
}
.cake li {
float: left;
margin: 75px 10px;
padding: 66px;
padding-top: 30px;
}
.cake li img:hover {
box-shadow: 0px 5px 10px 0px #012966b7;
}
```
您可以根据实际需要调整`margin`属性的值,以达到最佳的效果。
阅读全文