随笔分类 - css
css模板
摘要：.garden_name{ position: absolute; /* left: 50%; top: 50%; */ /* 50%为自身尺寸的一半 */ /* transform: translate(-50%, -50%); */ left: 0; top: 0; right: 0; bott
阅读全文
摘要：.input { border-style: none; outline: none; }
阅读全文
摘要：rgba() 函数使用红(R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。 1、效果图 2、代码 <template> <view class="box"> <view class="header pos">廉洁任城</view> <view class="bodyer pos "
阅读全文
摘要：.content { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-5
阅读全文
摘要：1、原图 2、实现功能 3、代码 <div @click="showState" :class="showFlag?'fd_flag':'fd_flag2'"> <script> export default { name: "index", components: { }, data() { re
阅读全文
摘要：object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。 object-fit 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。 您可以通过使用 object-position 属性来切换被替换元素的内容对象在元素框内的对
阅读全文
摘要：1、效果图 2、日历相关代码 <div style="width: 55%;height: 60%;position: absolute;right: 20px;top:1px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba
阅读全文
摘要：1、效果图 2、小图标资源 https://www.iconfont.cn/ 3、代码 <%@ page contentType="text/html;charset=UTF-8" %><%@ page import="org.apache.shiro.web.filter.authc.FormAu
阅读全文
摘要：致谢 box-sizing 最主要的用法是规定容器元素的最终尺寸计算方式。 如果你创造了一个 <div> 没有设置 box-sizing 属性为 border-box(不设置的话默认值为 content-box.)，同时你设置 width:100px; border:10px solid red;
阅读全文
摘要：1 display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/ 2 -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列式 **/ 3 -webkit-line-clamp: 3; /** 显示的行数 **/ 4 text-
阅读全文
