css3
wangjiali123123
这个作者很懒,什么都没留下…
展开
-
什么是BFC和他的用途
BFC Block formatting context全称 块级格式化 上下文形成BFC 分为以下几种1.html元素也就是根元素2.overflow 不能为visible, overflow:visible的意思就是当发生裁剪时,内容显示在外面3.position 为absolute,或者fixed4.float不能none5.display:inline-block, table-cell, table-caption, flex, inline-flex (inlin...原创 2020-06-21 18:33:01 · 179 阅读 · 0 评论 -
文字单行溢出显示,2行溢出不显示
文字单行溢出不显示overflow:hidden;text-overflow:ellipsis;white-space: nowrap;以及2行溢出不显示display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;...原创 2019-04-14 13:15:34 · 363 阅读 · 0 评论 -
css切角
css 切角https://www.cnblogs.com/QianBoy/p/8672834.html.notching{ width: 18px; height:18px; padding:1px; font-size: 6px !important; color: white; background: ...原创 2019-04-14 13:01:27 · 281 阅读 · 0 评论 -
css 实现瀑布流
// .masonry { // column-count: 2; // column-gap: 0; // .item { // box-sizing: border-box; // break-inside: avoid; // padding: 10px; // }...转载 2019-04-14 12:51:56 · 180 阅读 · 0 评论 -
css3动态测试网址
https://www.html.cn/tool/css3Preview/Box-Shadow.html转载 2019-04-14 12:50:50 · 380 阅读 · 0 评论 -
隐藏-显示——scale(0)到scale(1)
transform:scaleY(0);transform-origin: bottom;transition: all .3s;/////////////////////////tranform:scaleY(1);这样就能实现类似下拉展开,隐藏显示。。原创 2019-03-31 21:33:14 · 3558 阅读 · 0 评论 -
div横向滑动
.row{ display:flex; overflow-y:hidden; overflow-x:scroll; width:100%; flex-wrap:nowrap; .col{ width:125px; height:100%; flex-shrink: 0; }}row的宽度不能太大。。否则不会移动,...原创 2019-03-31 18:44:30 · 2898 阅读 · 0 评论