css
关注
分享
扫一扫
Yabeei
干啥好呢？？？
展开
-
移动端1px
方法一：利用 ::after + transform div::after { display: block; content: ''; border: 1px solid #ccc; transform: scaleY(0.5); } 复制代码 方法二：利用 box-shadow div: { box-shadow: 0 0.5px 0 0 #fff; }原创 2020-12-12 16:10:45 · 128 阅读 · 0 评论 -
display opacity visibility
display-none: 元素不会占用空间，在页面中不显示，子元素也不会显示。 opacity-0: 元素透明度将为0，但元素仍然存在，绑定的事件仍旧有效仍可触发执行。 visibility-hidden：元素隐藏，但元素仍旧存在，占用空间，页面中无法触发该元素的事件。 ...原创 2020-12-01 13:31:32 · 157 阅读 · 0 评论 -
滚动条
div::-webkit-scrollbar { display: none; }转载 2020-12-01 13:27:10 · 218 阅读 · 0 评论 -
IOS手机容器滚动条滑动不流畅
overflow: auto; -webkit-overflow-scrolling: touch;原创 2020-12-01 13:26:30 · 196 阅读 · 0 评论 -
css文本超出
1. css一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; 作者：隐冬 链接：https://juejin.cn/post/6898168495591292942 来源：掘金 著作权归转载 2020-12-01 13:24:51 · 237 阅读 · 0 评论 -
控制文本行数
.divele { font-size: 28rpx; display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2;/*设置p元素最大2行，父元素需填写宽度*/ -webkit-b...原创 2019-10-16 13:08:02 · 170 阅读 · 0 评论 -
HTML行内元素、块状元素、行内块状元素的区别
行内元素特征：(1)设置宽高无效 (2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间 (3)不会自动进行换行 行内元素特征：(1)设置宽高无效 (2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间 (3)不会自动进行换行 行内块状元素特征：(...转载 2019-03-29 11:02:36 · 302 阅读 · 0 评论 -
导航栏动态显示隐藏
js /* Header Sticky ========================================================*/ $(window).on('scroll',function() { if ($(this).scrollTop() >170){ $('.heade...原创 2019-04-07 15:48:04 · 753 阅读 · 0 评论 -
如何居中一个元素（终结版）
本文主要介绍水平居中，垂直居中，还有水平垂直居中各种办法，思维导图如下： 一、水平居中 1.行内元素水平居中 利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-flex元素水平居中都有效。 .parent{//在父容器设置 text-align:...转载 2019-04-07 07:34:07 · 172 阅读 · 0 评论 -
css绘制梯形 、直角三角形
改老外的模板是看到了这个效果 看其源代码写了个demo 完整代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device原创 2019-03-18 12:01:05 · 2002 阅读 · 0 评论 -
css选择器
选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 <p> 元素。1element,elementdiv,p选择所有 <div> 元素和所有 <p> 元素。1element elementdiv p...转载 2018-07-03 15:37:49 · 277 阅读 · 0 评论 -
clear:both
<div style="border:2px solid red;"> <div style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV</div> <div style="clear:both;"></div>转载 2018-07-03 13:39:08 · 210 阅读 · 0 评论