高度css div
03--css重点回顾
CSS层叠样式表 一 css简介 什么是css？ 层叠样式表 命名规则： 使用字母、数字或下划线和减号构成，不要以数字开头 格式： 选择器{属性:值 ;属性:值; 属性:值; ....} 其中选择器也叫选择符 CSS中注释 /* ... */ 二 如何使用css样式 即html中嵌入css的方式 1 ......
css 禁止用户选择字体
.className{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器* ......
CSS设置一个梯形
1、图形 2、代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .d{ width:0px; height:100px; border-left:25px solid; border-top ......
弹性布局 flex 的公共的css文件
/* 弹性布局 */ .flex{ display:flex; } .flex1{ flex:1; } .flex-column { flex-direction: column; } .justify-start { justify-content: flex-start; } .justify- ......
Codeforces Round 651 (Div. 2)C. Number Game（数学思维数论）
C. Number Game 我们考虑那些状态是必胜态 我的回合时n为奇数（除1外），直接除以n则必胜 下面偶数的情况稍复杂 偶数我们能进行的操作只有除以一个奇数，需要考虑怎么把当前状态变为对手的必败态 偶数一定含2的因子，\(n=2^k*q,q为奇数\) 当\(k=1时如果q\)是一个质数那么只能 ......
动态给div赋值高，使页面高度100%
import { ref, onMounted, onUnmounted, computed, nextTick } from 'vue' const boxRef = ref() const searchBoxRef = ref() const tableBoxHeight = ref(0) co ......
css中的::after和::before
先来看一个::before和::after的例子，给一个元素的前后再不添加新的元素的时候增加内容： <view class="info-before">测试before和after</view> .info-before { font-weight: bold; margin: 30px; } .i ......
使用css绘制箭头
使用css也能直接写出箭头符号，这样不用都使用图片能减少打包的大小。下面是一些常用箭头的css写法： // 向上的箭头 <view class="button-up"></view> // css的内容 .button-up { position: relative; padding: 5px; m ......
使用js和css实现选项卡切换
HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel=" ......
在div之前画一条连接线
<html> <head> <style> div.boxItem { display: inline-block; border: 1px solid black; padding: 1em; margin-right: 5em; position: relative } .boxItem:bef ......
Codeforces Round 638 (Div. 2)B. Phoenix and Beauty
B. Phoenix and Beauty 这道题目学到的东西： 从给出的数据范围观察，得到一些有用信息（峰哥教的） 考虑无解的情况‘ 其实这题考虑怎么操作是比较难的，如果能想出来满足条件的结果就比较好了（我在说什么我自己也不知道，算了直接看下面的图吧） 假设\(k=3\)，下面是我们得到的结果数列 ......
CSS设置div高度自动全屏
对body和html都设置高度100% html,body { height: 100%; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; } 然后再对div设置100% #app { height: 100%; ......
CSS隐藏滚动条
code <style> /* 隐藏标准的滚动条 */ html::-webkit-scrollbar { width: 0; } body::-webkit-scrollbar { width: 0; } /* 隐藏 IE 和 Edge 浏览器的滚动条 */ ::-ms-scrollbar { w ......
纯css展示loading加载动画
https://uiverse.io/barisdogansutcu/light-rat-32 <svg viewBox="25 25 50 50"> <circle r="20" cy="50" cx="50"></circle> </svg> svg { width: 3.25em; trans ......
可视化学习：CSS transform与仿射变换
在几年前，我就在一些博客中看到关于CSS中transform的分析，讲到它与线性代数中矩阵的关系，但当时由于使用transform比较少，再加上我毕竟是个数学学渣，对数学有点畏难心理，就有点看不下去，所以只是随便扫了两眼，就没有再继续了解了。现在在学习可视化，又遇到了这个点，又说到这是可视化的基础知... ......
css垂直居中
word-wrap: break-word; /*英文的时候需要加上这句，自动换行*/ /*自测了这句话没啥用*/ writing-mode: vertical-rl; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl; /* ......
Codeforces Round 916 (Div. 3)
目录写在前面ABCDE1/E2FG1G2写在最后 写在前面 比赛地址：https://codeforces.com/contest/1914。 第二天没早八打个 div3 休闲娱乐保持下手感，然而 div3 都 AK 不了了，纯纯废物一个，天天上大学导致的。 唉，一学期碰上好几个 byd 恼弹老师， ......
css文本换行设置
文本换行设置 word-wrap word-wrap:normal | break-word; normal：默认值，当一行剩余空间无法容纳下一个字（英文是指单词）时，会换行 break-word：针对英文的文本，这个值可以让一个单词拆分开来换行。 word-break word-break:nor ......
Educational Codeforces Round 160 (Rated for Div. 2)
A. Rating Increase 字符串处理 #include<bits/stdc++.h> using namespace std; void solve(){ string s; cin>>s; int n=s.size(); s=" "+s; for(int i=1;i<=n-1;i++) ......
Codeforces Round 914 (Div. 2)A~D
A. Forked! 题意：有骑士，国王，王后，给出骑士的攻击方式，骑士的攻击方式类似象棋中的马，一个方向长度为1，一个方向长度为2，有8个位置，骑士的两方向攻击长度为a，b，当a，b不等的时候，有8个位置，相同则有4个位置，询问骑士能同时攻击到国王和王后的位置有几个(采用多组输入形式) 范围：给出 ......
Codeforces Round 916 (Div. 3)
A. Problemsolving Log map枚举字母 #include<bits/stdc++.h> using namespace std; void solve(){ int n; string s; cin>>n>>s; int ans=0; s=" "+s; map<char,int> ......
Codeforce Round 916(div3)
Codeforces Round 916(div3) [Problem - A - Codeforces]：Problemsolving Log A.题 直接看样例进行分析，发现每一次出现的字符代表着用了1分钟来看这道题，每道题都有固定的解题时间，只要达到了这个解题时间，就可以将这题解出来 ， 答案 ......
Codeforces Round 916 (Div. 3)(A~E2)
A 统计一下每个字母的出现次数然后输出即可 #include <bits/stdc++.h> #define rep(i,a,b) for(register int i = (a); i <= (b); ++i) #define fep(i,a,b) for(register int i = (a) ......
JS+CSS多行文本显示“更多”
本代码展示最多显示3行，每行行高16px，3行总高48px，4行总高64px 当文本行数大于3行，显示“更多” CSS： #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
15.高阶定位-CSS 定位与原生定位
目录 原生定位 css selector 定位 原生定位 官网地址 元素属性定位 组合定位 # ID 定位 driver.find_element_by_android_uiautomator('\ new UiSelector().resourceId("<element-ID>")') # 组合 ......
CF Round 916 (Div. 3)
link A 开个桶。 B 因为 \(k \leq n-1\)，尝试让 \(a_2\) 到 \(a_{k+1}\) 有贡献，让 \(a\) 的前 \(k\) 项升序排列，剩余项降序排列即可。 C 假设只做前 \(x\) 个任务（\(x \leq k\)），那么答案 \(f_i\) 最大为 \(\su ......
Codeforces Round 916 (Div. 3) (A~E2)
A. Problemsolving Log 签到题,对于给出的字符串,用数组记录每个字母出现的次数,然后遍历一边记录数组,如果对应的字母出现次数大于它的位次,则说明该字母对应的题目被解出来了,最后输出解题数量即可 void solve() { int n; cin >> n; string s; c ......
Educational Codeforces Round 160 (Rated for Div. 2) 题解A~D
Educational Codeforces Round 160 (Rated for Div. 2) A. Rating Increase 纯暴力,分割字符串,如果n1<n2就输出,如果遍历完整个数组都不存在n1<n2就输出-1. const int N = 2e5 + 10; int toint ......
css适配ios状态栏和IOS底部安全区域的样式代码记录
safe-area-inset-left: 安全区域距离左边界的距离safe-area-inset-right: 安全区域距离右边界的距离safe-area-inset-top: 安全区域距离顶部边界的距离safe-area-inset-bottom: 安全区域距离底部边界的距离 css适配ipho ......
微信小程序使用iconfont通过transfonter转化成只有css样式的方式
1. 通过 iconfont 网站选择对应图表加入购物车，然后添加到自己对应项目中，现在至本地。 2. 解压下载到本地的文件 3. 进入 transfonter 后，点击 Add fonts 按钮，将上图中红色框中的文件上传上去，勾选启用 Base64 encode ，点击 Convert 按钮，完 ......