你，若盛开的专栏

css选择除最后两个之外的子元素

css画间距可控制的虚线

【css】大事件哀悼色，全网置灰，借助filter

css取消浏览器input自动填充样式

css实现背景模糊

css选中最后几个子元素

CSS设置滚动条样式

解决ie11的兼容问题

/*段落中文本不换行*/white-space: nowrap;/*设置横向滚动*/overflow-x: scroll;

<style> canvas{ border: 1px solid #ccc; } </style><script> var myCanvas=document.querySelector('canvas'); var ctx=myCanvas.getConte...

// 和pre-wrap基本相同，但是保留所有空白，每个保留的空白的地方都能因为太长而自动换行white-space: break-spaces;

>p:first-child:not(:empty) + div{ audio { margin-top: 10px!important; } } >p:first-child:empty + div{ audio { margin-top: 10px!important; } }

@supports(-webkit-touch-callout:none) { /*针对IOS的css*/}

word-break: break-all;未使用前使用后

/* 子元素中第一p为空时 */ >p:first-child:empty { height: 48px; }

虽然position:fixed是对于浏览器窗口定位的，但是只要不设置fixed元素的top，bottom，left，right，此时该元素就是相对于父元素进行定位的。如果要移动元素的位置，可以通过margin来实现 .fixed { position: fixed; top: 65px; margin-left: 830px; }...

input:disabled, textarea:diabled { -webkit-text-fill-color: #666; -webkit-opacity: 1; color: #666;}

li:nth-child(6n+6) { color: red; }

// 示例 @media (max-height: 667px) {//自己控制高度 .bottom {//被fixed的元素 display: none; } .middle { height: calc(100% - 152px); } }

-webkit-mask-size: 100%; //面具大小 mask-size: 100%; //面具大小 -webkit-mask-image: url("./xxxx.png"); //面具形状 mask-image: url("./xxxx.png"); // 面具形状 mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;...

给父元素添加如下代码 justify-content: space-between; flex-direction: row; flex-wrap: wrap;

overflow: hidden;//超出隐藏text-overflow: ellipsis;//超出使用省略号display: -webkit-box;-webkit-line-clamp: 2;//第几行-webkit-box-orient: vertical;width: 400px;//根据需要自定义设置height: 60px;//根据文字高度自定义设置为两行行高...

pointer-events: none;

主要代码： width:200px; // 根据需要指定对应宽度 white-space: nowrap; //文本强制不换行 text-overflow: ellipsis; //文本溢出显示省略号 overflow: hidden; //溢出的部分隐藏

前言：Typora的实现基于浏览器，各个界面都是HTML语言渲染出来的，所以，我们就可以通过添加css样式表，来添加自动编号的功能1、新建一个名称为“base.user.css”的样式文件，将下面的代码复制进去，保存/** * 说明： * 正文标题区: #write * 侧边栏的目录大纲区: .sidebar-content * 要完成自动编号功能，必须借助CSS3中的如下特性： * 计数器：counter(基准计数器)，用于计算基准计数器的值 * 计数器增量：counter-inc.