效果预览注：文本只是简单的Demo，功能单一，主要讲解流程与步骤，请根据特定的需求修改。各属性图：因为item随着滑动会有不同的缩放，所以实际normalViewGap会被缩放计算。我们在自定义ViewGroup中，想要显示子View，无非就三件事：添加 通过addView方法把子View添加进ViewGroup或直接在xml中直接添加；测量 重写onMeasure方法并在这里决定自身尺寸以及每一
转载
2024-07-27 22:19:30
62阅读
目录前言一、flex布局原理二、 父类的常用属性 1.flex-direction2.justify-content3. flex-wrap4.align-items5.align-content6.align-items和align-content的区别7. flex-flow三、常见子项属性1.flex（1）flex-grow（2）flex-shrink（3）fl
转载
2023-08-18 17:03:13
122阅读
flex 中对子项设置 margin 能极大简化很多布局设计哦!
原创
2024-05-27 11:24:33
199阅读
定义和用法margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。说明这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。允许指定负的外边距值，不过使用时要小心。注释：允许使用负值。例子 1margin:10px 5px
转载
2013-05-30 00:32:00
460阅读
2评论
1.适合于没有设定width/height的普通block水平元素2.只适用于水平方向尺寸例子：一侧定宽的自适应布局<html> <head> <meta name="generator" content="HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy
原创
2022-04-24 18:10:59
262阅读
意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界的重叠也有例外情况
原创
2023-02-19 22:17:23
337阅读
# 如何在Redis中设置值
在使用Redis时，我们经常需要将数据存储在Redis中。在本文中，我将向你介绍如何在Redis中进行设置操作。作为一名经验丰富的开发者，我将逐步引导你完成设置过程。
## 设置过程概述
设置值的过程可以分为以下几个步骤：
1. 连接到Redis服务器
2. 选择Redis数据库
3. 设置键值对
接下来，我们将逐步详细介绍每个步骤以及所需的代码。
##
原创
2023-10-27 12:54:50
42阅读
目录margin合并的场景1. 相邻兄弟元素margin合并2.父级和第一个/最后一个子元素阻止m
原创
2022-07-12 21:58:34
971阅读
<div class="container"> <content>1</content> <content>2</content> <content>3</conte
原创
2022-07-12 16:18:32
164阅读
1. flex左边固定宽度,右边自适应:#left {
width: 200px;
}
#right {
flex: 1;
min-width: 0; // 解决右边内容超出的话,会导致左边固定的宽度大小不起重要了
}2. flex布局下怎样实现text-overflow: ellipsis效果?.flex{
display:flex;
border:
原创
2023-10-12 09:54:49
121阅读
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> *{ margin: 0; padding: 0; } body{ width:100%; } div{ width:600px; height:
原创
2022-06-27 10:51:44
168阅读
CSS flexible Box Layout 弹性盒模型针对用户界面设计进行了优化，弹性容器的子元素可以在任何方向上排布。元素可以弹性伸缩。从而使子元素可以增加尺寸以填满未使用的空间，也可以收缩尺寸以避免父元素...
原创
2021-08-13 11:58:53
295阅读
A、如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。 B、如果只提供一个，将用于全部的四边。 C、如果提供两个，第一个用于上、下，第二个用于左、右。 D、如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。 D、内联对象可以使用该属性设置左、右两边的外补丁；若要设置上、下两边的外补丁，必须先使该对象表现为块级或内联块级。 F、外
原创
2015-12-03 20:14:58
619阅读
margin-top/left/right/bottom使用方式：（1）margin：30px 表示上下左右外边距都为30px（2）margin-left：30px 单独设置左外边距30px（3）margin: 10px 20px;上下为10px 左右20px（4）margin：10px 20px 30px;表示上为10px 左右为20px 下为30px（5）margin：10px 20px 30
转载
2021-04-21 09:30:44
510阅读
2评论
margin-top/left/right/bottom 使用方式： （1）margin：30px 表示上下左右外边距都为30px （2）margin-left：30px 单独设置左外边距30px （3）margin: 10px 20px;上下为10px 左右20px （4）margin：10px
转载
2021-04-21 09:26:54
262阅读
2评论
margin margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。 margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。 margin属性可以有一到四个值 margin:25px 50px 75px 100px; 上边距为25px 右边距为
原创
2022-08-01 10:37:15
392阅读
flex 弹性布局一. flex 解释1、flex 布局 为 flexible BOX 的缩写 ，意思为 弹性布局。2、块级元素和行内块级元素都可以使用flex布局3、Webkit内核的浏览器，需要加上-webkit前缀。二. flex 容器 属性1、flex-direction此属性决定主轴的方向.flex{ flex-direction: row; // (默认值) 主轴水平方向，从左往右 如
转载
2023-07-14 18:45:36
155阅读
FLEX3中应用CSS完全详解手册！ 编辑完这个FLEX下的CSS说明
原创
2023-07-24 16:48:31
95阅读
1、flex 弹性盒模型对某个元素只要声明了 display: flex，那么这个元素就成为了“弹性容器”。1）每个弹性容器都有两根轴：主轴和交叉轴，两轴垂直。注意：水平的不一定是主轴；2）每根轴都有起点和终点，这对于元素对齐非常重要；3）弹性容器中的所有子元素称为<弹性元素>，弹性元素永远沿主轴排列；4）弹性元素也可以通过 display: flex 设置为另一个弹性容器，形成嵌套关
转载
2024-04-10 17:14:47
56阅读
flex的一些属性CSS3中引入了另一种框--flexbox，flexbox有一些block和inline不同的性质，比如：自适应子元素（flex item，又称伸缩项目）的宽度伸缩项目的float，clear，vertical-align属性失效不能继承flex框，但可以依次设置可以修改flex流的方向以及布置规则  
