随笔分类 -  css

摘要:检查要获取的元素是不是已经显示了才获取offsetWidth,一定要确保获取offsetWidth的时候元素已经显示。 来源:offsetWidth或者clientWidth获取不到,值为0的坑_offsetwidth为0_心刻的博客-CSDN博客 阅读全文
posted @ 2023-09-16 10:32 埃菲尔上的加菲猫 阅读(288) 评论(0) 推荐(0) 编辑
摘要:链接: 从原理上搞懂offsetWidth、scrollWidth、clientWidth以及其他偏移量_scrollwidth offsetwidth_J0kerrr的博客-CSDN博客 阅读全文
posted @ 2023-09-16 10:22 埃菲尔上的加菲猫 阅读(2) 评论(0) 推荐(0) 编辑
摘要:将字体下载,放到本地 @font-face { font-family: HeiTi; src: url("@/assets/font/heiTi/SourceHanSansSC-Medium.otf"); } 使用 div{ font-family: HeiTi; } 阅读全文
posted @ 2023-03-06 15:37 埃菲尔上的加菲猫 阅读(35) 评论(0) 推荐(0) 编辑
摘要:<div class="sigma-content"> <div class="sigma-middle-line"> <span class="sigma-line-text">Sigma 的中横线</span> </div> </div> .sigma-content{ margin: 50px 阅读全文
posted @ 2022-08-26 10:22 埃菲尔上的加菲猫 阅读(741) 评论(0) 推荐(0) 编辑
摘要:LambdaTest网站 1.IE8不支持jpeg图片格式 2.box-shadow:2px 2px 5px #969696;属性兼容IE9及以下: bax-shadow{ filter:progid:DxImageTransform.Microsoft.Shadow(color='#969696' 阅读全文
posted @ 2022-07-21 21:55 埃菲尔上的加菲猫 阅读(44) 评论(0) 推荐(0) 编辑
摘要:<!-- title前面的小图标 --> <link rel="icon" type="image/icon" href="favicon.ico"> 阅读全文
posted @ 2022-07-20 20:54 埃菲尔上的加菲猫 阅读(26) 评论(0) 推荐(0) 编辑
摘要:<template> <div> <table> <thead> <th>ID</th> <th>所属部门</th> <th>姓名</th> <th>年龄</th> </thead> <tbody> <template v-for="(item,num) in tableData"> <tr :ke 阅读全文
posted @ 2022-06-15 09:52 埃菲尔上的加菲猫 阅读(572) 评论(0) 推荐(0) 编辑
摘要:设置各对象的vertical-align属性,属性说明:baseline-将支持valign特性的对象的内容与基线对齐sub-垂直对齐文本的下标super-垂直对齐文本的上标top-将支持valign特性的对象的内容与对象顶端对齐text-top-将支持valign特性的对象的文本与对象顶端对齐mi 阅读全文
posted @ 2022-03-11 10:31 埃菲尔上的加菲猫 阅读(798) 评论(0) 推荐(0) 编辑
摘要:文本过长显示省略号,一般高度固定且不是auto .chatRoomLMessage { width: 400rpx; margin-top: 15rpx; color: #b0b0b0; font-size: 0.7em; overflow: hidden; text-overflow:ellips 阅读全文
posted @ 2022-03-01 10:07 埃菲尔上的加菲猫 阅读(995) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2022-01-11 14:22 埃菲尔上的加菲猫 阅读(57) 评论(0) 推荐(0) 编辑
摘要:box-sizing: border-box就是将border和padding数值包含在width和height之内,这样的好处就是修改border和padding数值盒子的大小不变。 box-sizing属性的取值可以为content-box或border-box,对它们的解释如下。 ●conte 阅读全文
posted @ 2021-12-09 09:56 埃菲尔上的加菲猫 阅读(4552) 评论(0) 推荐(0) 编辑
摘要:position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); 阅读全文
posted @ 2021-12-08 16:48 埃菲尔上的加菲猫 阅读(65) 评论(0) 推荐(0) 编辑
摘要:text-stroke:给文字描边 letter-spacing 属性增加或减少字符间的空白(字符间距)。 border-spacing:设置table的td之间边框的距离 给td加边框后有重合部分 border-collapse: collapse; border-spacing: 0; td中内 阅读全文
posted @ 2021-11-16 16:30 埃菲尔上的加菲猫 阅读(14) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示