css
Duzzu
这个作者很懒,什么都没留下…
展开
-
hover后transition失效解决方案
在对一个div进行hover偏移后想加上transition效果,却发现失败了。通过在segmentfault上看到李文雄的回答后找到了解决方法。因为div元素默认是没有相对定位的,只有hover的时候才变成了相对定位。所以应该在默认的时候就设置div元素为相对定位,在hover的时候改变它的bottom值。div.intro .pic{ transition: all linear .3...原创 2018-04-14 14:44:02 · 3315 阅读 · 2 评论 -
盒子模型之box-size属性-content与border
盒子模型是CSS中很重要的概念,它涉及到的无非就是内容(content)、填充(padding)、边框(border)、边界(margin)。但是从上两张图可以看出,盒子模型其实有两种类型:标准盒模型和IE盒模型。标准盒模型box-sizing: content-box;标准盒模型的width组成:content(不包含 padding 和 border)比如:你给一个div的宽度设为200px,...转载 2018-03-28 08:26:50 · 4463 阅读 · 1 评论 -
全英文文本或者数字不换行处理
原因是英文单词和数字css处理不换行,可以css中设置成换行。 word-wrap: break-word; 或 word-break: break-all;原创 2019-09-19 15:42:55 · 381 阅读 · 0 评论