摘要：目录css中使用百分比时的参照padding&margin css中使用百分比时的参照 padding&margin 使用百分比值时，参照的是父元素的宽度，例如 利用该特性可以实现根据父元素宽度变化，父元素内部的图片依然保持正方形的效果，下面是一个通过flex布局实现两列布局的例子： <!docty 阅读全文

摘要：文本换行设置 word-wrap word-wrap:normal | break-word; normal：默认值，当一行剩余空间无法容纳下一个字（英文是指单词）时，会换行 break-word：针对英文的文本，这个值可以让一个单词拆分开来换行。 word-break word-break:nor 阅读全文

摘要：绝对定位居中 设置水平居中 先设置子元素左侧移动到水平中心位置 left: 50%; , 再设置 margin-left: -40px 向左移动 50% ; /* 绝对定位元素 - 水平居中 */ .top { /* 子元素设置绝对定位 父元素需要设置相对定位 */ position: absolu 阅读全文

摘要：Element.animate()实现 <div id="app"> <button @click="startAmi">开始</button> <p>{{msg}}</p> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue. 阅读全文

摘要：css多行文本省略 line-clamp 一行文本内容溢出的省略例子： <div class="container" style="width: 200px;outline: 1px solid red"> <div class="description" style="overflow: hidd 阅读全文