Html任何一个元素(element)都可以当成一个盒子(box)来看待，可以结合现实中的盒子来理解下文，下文其中一些单词应该是通俗易懂的需要记录的单词。 基本情况 每一个盒子都有一个内容区域（content area）,例如盒子里的一堆文字或者一张图片的边界，其周围是具有一定宽度的padding area,border area,和margin area...
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。 一、BFC是...
web，js瀑布流揭秘 瀑布流再很久之前流行，可能如我一样入行晚的 ，可能就没有机会去使用。但是这个技术终究是个挺炫酷的东西，花了一个上午来研究，用原生js实现了一个，下面会附上源码，供大家解读。 说起瀑布流，其实实现原理特别简单，而且方法有很多，现在说一个大众的方法，所谓瀑布流就是 一堆样式差不多的 盒子排列在一起，排列规则是，插入到高度最低...
当对文档进行布局时，浏览器渲染引擎会根据css-Box模型（CSS Basic Box model）将所有元素表示为一个矩形盒子。CSS决定这些盒子的大小，位置以及属性（颜色，背景，边框尺寸） 标准盒模型 从外向内依次为： Margin + border + padding + content-width 外边距区域margin area用空白区域扩展边框...
一沙框架（yishaadmin） 前端引入VUE的实现方法 1、下载vue.js,加入项目中，如下图 2、页面代码如下，注意注释的内容，数据请求的实现方法 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device...
Invalidation Box：使条目无效的容器。使容器内的条目不再更新，如果确定某一个UI不需要更新的话，就可以把这个UI放到Invalidation Box中。 一、Invalidation Box是一个性能优化容器 二、通过外界给Invalidation Box内的子控件赋值，子控件是会更新的。只有子控件自身代码引起的变化会被Invalidati...
这个问题是今天在网上看到有人提的。 想要获取#box下面所有div的宽度之和，然后赋值给#box，不论加多少个div，#box的宽都会随着div的增加而改变。 <style> #box{display:inline-block; border:1px #333 solid;} </style> <...
active伪类解决 HTML代码 <div class='box'> </div> CSS代码 .box { 100px; height: 100px; background: green; transition: transform 0.3s ease-out; } .box:active { trans...
之前写代码的时候遇到一个问题，就是用了下面这段css代码来让文字超出范围隐藏并显示省略号。 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;...
主页面部分 <section class="content-header"> <h5> 数据字典 </h5> </section> <!-- Main content --> <section class="content"> <div class="row"> <d...