摘要: 设置了box-sizing的盒模型 此元素的内边距和边框不再会增加它的宽度。而是总的大小还是 500*200px http://zh.learnlayout.com/box-sizing.html 阅读全文
posted @ 2018-01-24 16:03 千寻的天空之城 阅读(144) 评论(0) 推荐(0) 编辑
摘要: 上图是一个container,我们需要这3个盒子在这里面水平居中,并在同一排显示,这时,设置3个div为浮动,或者display:inline-block都可以实现。 使用inline-block实现,当三个盒子一样高时,与float实现没有差别,但当其中一个盒子高的时候:表现为盒子底部对齐,顶部不 阅读全文
posted @ 2018-01-24 11:31 千寻的天空之城 阅读(363) 评论(0) 推荐(0) 编辑
摘要: 随手写了个测试的代码,结果却发现这文字居然没有换行,这不科学啊。。。 DOM结构: css清单: 阅读全文
posted @ 2018-01-24 11:15 千寻的天空之城 阅读(301) 评论(0) 推荐(0) 编辑