Keep_Slience的博客

css固定元素宽高比

在开发的过程中可能会也遇到一些需求在文字前后加上一些特殊符号，以书名号为例，现在简单说下两种实现方法 js拼接字符串 <div></div> var name = "平凡的世界" name = "《"+ name + "》" $('div').html(name) css伪类 <div></div> div::before{ content: "《"; } div::after{ content: "》"; } $('div').

在开发过程中有时候文本过长会导致页面样式错乱，可以用css将超长文本溢出部分用省略号来显示。 div{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

简单说下css中子元素自适应大小的两种办法 1. 子元素设置百分比 <div class="box"> <div class="content"></div> </div> .box{ margin:100px auto; width: 100px; height: 100px; background: rgba(0, 0, 0, 0.6); } .content{ width: 80%; height: 80%; margin-top: 1