如果给了小li一个右边框,【肯定和小li等高的】 再给一个底边框 也是要和右边框照齐的
这是如果小li内部的照片图片高度不够 【差一像素】刚好预留一个像素的边框 这样会不会自动压住,不会,它还是会默认和右边框照齐,下边框会和图片空余1px 除非把右边框高度也减去1px和图片一样高 再给底边框 刚好闭环。 这就是为什么切图片时候,不要量边框 边框是边框 图片是图片, 还一个处理办法:右边框不动,给一个div 没有高度,只有个底边框样式,包住图片即可。用图片去撑开这个div盒子 div盒子的底边框又和右边框闭环
这是如果小li内部的照片图片高度不够 【差一像素】刚好预留一个像素的边框 这样会不会自动压住,不会,它还是会默认和右边框照齐,下边框会和图片空余1px 除非把右边框高度也减去1px和图片一样高 再给底边框 刚好闭环。 这就是为什么切图片时候,不要量边框 边框是边框 图片是图片, 还一个处理办法:右边框不动,给一个div 没有高度,只有个底边框样式,包住图片即可。用图片去撑开这个div盒子 div盒子的底边框又和右边框闭环
实际上table布局法本身并不让人惊讶,毕竟原理很简单,但IE6时代因此而诞生一个很神奇的工作,叫table切图(还有类似的div+css切图),就是把一张图分割成很多个小块,用table拼起来——如果不是规则的,可以用colspan和rowspan跨行跨列(合并行列),我觉得工作量堪比做游戏界面——但做出来非常舒适,完全看不出来缝隙
用时1个半小时
成就感满满
做导航栏的时候,用了三种方法确定盒子模型,最后发现第三种最好用。
div中导入图片第一次使用,也是一种猜测和尝试吧
百度了字体加粗,图片居中,文字居中
最后修改过来参数修改过去参数,三个盒子就是对不齐,经历了n此的失败,然后通过修改外边距 参数来完成了三个盒子对齐
最终效果还是挺满意的,瑕疵就是图片和盒子模型过渡的不自然,用选色器选的颜色是同一个颜色呀[裂开]
不管了,算完成了 https://t.cn/R2Wx39H
成就感满满
做导航栏的时候,用了三种方法确定盒子模型,最后发现第三种最好用。
div中导入图片第一次使用,也是一种猜测和尝试吧
百度了字体加粗,图片居中,文字居中
最后修改过来参数修改过去参数,三个盒子就是对不齐,经历了n此的失败,然后通过修改外边距 参数来完成了三个盒子对齐
最终效果还是挺满意的,瑕疵就是图片和盒子模型过渡的不自然,用选色器选的颜色是同一个颜色呀[裂开]
不管了,算完成了 https://t.cn/R2Wx39H
✋热门推荐