本文主要总结了两栏布局（两列自适应、一列固定一列自适应）、三栏布局（两边固定中间自适应）的一些方法，以便遗忘时能方便查询。一、两栏布局1、两列自适应 两列自适应是特别简单的布局方式，其要点在于把列宽用百分百来表示，然后可以使用 float 或 display：inline-block 等方法来让两列处于同一行。不多说，直接上代码： 方法一：使用 float <style>
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* autoprefixer: off */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-bre ...
转载
2021-08-13 13:15:00
2448阅读
2评论
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; /*! autoprefixer: off */ -webkit-box-orient: vertical; /*! aut ...
转载
2021-09-30 17:15:00
4354阅读
2评论
关键在于添加 overflow: hidden;padding-bottom:9999px; margin-bottom:-9999px; 两行： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
转载
2010-03-16 02:10:56
351阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
瀑布流的布局有好多种实现的方式，随着浏览器对css3的属性的支持，发现通过CSS3的多列（Multi-column）属性，可以简单的实现类似效果。 具体步骤： 1.设置外部容器多列列数（column-count）和列间距（column-gap） 2.设置内容条目的break-inside属性为avo
转载
2022-02-23 11:33:55
1061阅读
display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; ...
转载
2021-08-02 16:51:00
959阅读
2评论
1.两个字典的合并x = {'a': 1, 'b': 2}
y = {'c': 3, 'd': 4}
# 将两个字典合并起来，代码如下
x.update(y)
print(x)
# output
{'a': 1, 'b': 2, 'c': 3, 'd': 4}2.两个列表的合并x = ['a', 'b']
y = ['c', 'd', 'e']
# 将上面两个列表合并起来，代码如下
x.ex
转载
2023-09-28 20:12:48
84阅读
【单选题】以下程序执行后的输出结果是#includeintmain(){intx=0,y=5,z=3;while(z-->0&&++x<5){y=y-1;}printf("%d,%d,%d\n",x,y,z);return0;}【单选题】下面程序代码的功能是判断输入整数的正负性和奇偶性，请将第19行和22行标号处缺少的代码填写完整。#includeintmain(){i
转载
2024-08-02 16:34:33
84阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
791阅读
概述 -webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：display: -webkit-bo
原创
2021-08-10 11:42:18
665阅读
CSS基础 《图解CSS》CSS简介[https://www.jianshu.com/p/a42e4ff8b7d6] 《图解CSS》选择器[ht...
原创
2022-03-04 10:40:59
385阅读
文章目录元字符总结一、grep用法大全1、把空行过滤掉然后显示2、[ie]表示匹配任意一个3、查找重复单个字符4、不以w开头的并且后面接oo的过滤出来5、过滤出不以a-z A-Z开头的6、过滤出0-9和a-z的7、过滤出以root开头的 以bash结尾的8、过滤出以.结尾的 这里的.需要转义 查找任意一个字符“.”9、筛选出oo或者oo再多几个o的字段 *代表前一个字符的0个或者多个匹配10、查
一、Python中的注释Python的注释是代码的评论，是让代码让人能更加清晰明确。代码的注释可分为单行注释和多行注释，单行注释用“#”，多行注释用三对单引号或者三对双引号来表示。ps:# 单行注释
‘’‘ “”“
多行注释 多行注释
’‘’ “””二、in
转载
2024-05-12 18:06:33
78阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
CSS3
原创
2017-11-29 22:13:26
1156阅读
CSS3基础笔记，link start！！！CSS31. 新增选择器1.1 属性选择器/* 可以自定义属性 */
/* 1、[x] 选择所有带有x属性元素 */
[class] {}
/* 2、[x=y] 选择所有使用x="y"的元素 */
[class=head1] {}
/* 3、[x|=y] 选择 x 属性以 y- 为开头的所有元素 */
[name|=eng] {}
/*
转载
2021-05-07 08:24:49
393阅读
2评论
CSS中::after和:after的区别 ::after表示法是在CSS3中引入的，::符号是指伪元素，:符号是指伪类。 element:after {style properties} /*CSS2语法*/ element::after {style properties} /*CSS3语法*/
转载
2020-11-18 19:20:00
257阅读
2评论
