10 个盒子 , 放在 ul 列表中 , 每个盒子都占用一个 li 列表项 ;
每个列表项盒子 , 必须精准测量 , 一个像素都不能差 , 否则每一行最后一个元素会由于宽度计算不准确导致意外换行 ;...2、处理列表间隙导致意外换行问题
一排有 5 个 228x270 的盒子 , 其中间隙 15 像素 ,
版心的宽度为 1200 像素 ;
228 * 5 + 15 * 4 = 1200 像素 , 但是最后一个盒子右侧添加...15 像素的右边距地话 , 会导致最后一个元素掉到第二行 , 这里需要将最后一个元素的右边距去掉 ;
解决上述问题有 2 个方案 :
将最后一个元素的右边距去掉 ;
将盒子宽度从 1200 像素修改为...box-bd {
/* 处理列表间隙导致意外换行问题
一排有 5 个 228x270 的盒子 , 其中间隙 15 像素
228 * 5 + 15 * 4 = 1200 像素 ,
但是最后一个盒子右侧添加...box-bd {
/* 处理列表间隙导致意外换行问题
一排有 5 个 228x270 的盒子 , 其中间隙 15 像素
228 * 5 + 15 * 4 = 1200 像素 ,
但是最后一个盒子右侧添加