字符串: 字符串用单引号(’)或双引号(")括起来,不可变1,find通过元素找索引,可切片,找不到返回-12,index,找不到报错。3,split 由字符串分割成列表,默认按空格。4,captalize 首字母大写,其他字母小写。5,upper 全大写。6,lower 全小写。7,title,每 ...
分类:
编程语言 时间:
2020-07-12 16:28:35
阅读次数:
59
本文内容参考自如何用一行 CSS 分别实现 10 种现代布局?。 1.可解构的自适应布局(The Deconstructed Pancake) <html> <head> <style type='text/css'> .parent{ display: flex; flex-wrap: wrap; ...
分类:
Web程序 时间:
2020-07-11 19:14:46
阅读次数:
87
HTML03 1.1 元素展示类型 在 HTML 当中本身定义了很多的元素,这些元素默认在网页上展示的时候会存在自已默认的状态,例如有些元素默认情况下宽高属性不起作用,有些元素默认情况下都独占一行显示。这种现象我们就称之为元素展示类型,为了记忆我们人为的将元素展示类型分为三种: 块元素、行内元素、行 ...
分类:
Web程序 时间:
2020-07-11 09:27:55
阅读次数:
72
1.grid布局实现(一) .father{ display:grid; align-item:center; justify-items:center; } 2.grid布局实现(二) .father{ display:grid; align-item:center; justify-conten ...
分类:
Web程序 时间:
2020-07-10 13:11:05
阅读次数:
90
position定位的上下左右居中 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div class="yi"> <div class="er"></div> </div> < ...
分类:
其他好文 时间:
2020-07-09 17:50:07
阅读次数:
70
方式一 float+ text-align:center <div class="w clearfix tc mt10"> <el-button class="fll" type="primary" plain>刷新</el-button> <el-button type="primary" pla ...
分类:
其他好文 时间:
2020-07-07 17:42:32
阅读次数:
67
0.引言 在我们编写css的时候,经常会用到百分比赋值(%)实现自适应。像我们最常使用的流式布局设计模式,基本所有的column的宽度都是通过%来取值的。或者比如经常会遇到的元素水平垂直居中问题,我们常常会使用下面这样的css代码加以实现(absolute+transform思路): .wrap { ...
分类:
Web程序 时间:
2020-07-07 00:40:28
阅读次数:
200
需求如下: 前端需要显示矩形的缩略图,接口返回的图片尺寸大小不一,宽高不相等,需要前端来处理并显示成正方形,类似微信朋友圈图片的效果,等比例正方形显示在列表中,让图片根据宽高来自适应显示在页面上。那么使用纯css该如何实现不定宽高的图片居中裁剪呢? mate标签: <meta name="viewp ...
分类:
微信 时间:
2020-07-07 00:30:55
阅读次数:
92
一面 项目: 描述项目某个功能的实现 react的特点 为什么要使用redux+immutable,redux和全局变量的区别 diff算法 react-redux的工作原理和相关源码 还有一些项目的细节 然后是基础知识: 实现一个百度搜索框,包括垂直左右居中,自适应的特性 BFC的相关特性和应用 ...
分类:
其他好文 时间:
2020-07-06 12:41:06
阅读次数:
81
目录 水平居中 行内元素 块级元素 方案一:(分宽度定不定两种情况) 方案二:使用定位属性 方案三:使用flexbox布局实现(宽度定不定都可以) 垂直居中 单行的行内元素 多行的行内元素 块级元素 水平垂直居中 已知高度和宽度的元素 未知高度和宽度的元素 方案一:使用定位属性 方案二:使用flex ...
分类:
Web程序 时间:
2020-07-05 23:12:37
阅读次数:
99