css一行均分

最新推荐文章于 2024-04-11 16:37:43 发布

原创最新推荐文章于 2024-04-11 16:37:43 发布 · 685 阅读

0 ·

CC 4.0 BY-SA版权

本文深入解析CSS类选择器的使用技巧，包括.padding、.display、.justify-content等属性的详细说明，以及它们如何应用于.flex、.width和.height的布局中。通过实际案例，读者将学习如何创建响应式设计，实现元素的居中对齐和间距控制。

在这里插入图片描述

.category{
padding:10rpx 25rpx 25rpx 25rpx;
display: flex;
justify-content: space-between;
background: #fff;
}
.category_list{
width: 20%;
}
.category_img{
width: 100%;
display: flex;
justify-content: center;
}
.category_imgs{
width: 100%;
height: 142rpx;
display: block;
}
.category-text{
text-align: center;
font-size: 28rpx;
color: #666666;
display: block;
}