当前位置： 首页 > news >正文

Web网页开发-CSS高级技巧2-笔记

news 2026/1/28 14:55:50
1.已知宽高垂直水平居中

定位+负margin法：
利用top:50%;left:50%;margin-left:子盒子宽度的一半;margin-top:子盒子高度的一半;

2.不定宽高垂直水平居中

兼容性最好的方案： 用定位+margin:auto，定位+ 四个方向的值相等+margin：auto

定位+margin:auto法：
子盒子绝对定位或固定定位，设置top:0; right:0; bottom:0; left:0;和margin:auto;

相关文章：

Web网页开发-CSS高级技巧2-笔记

1.已知宽高垂直水平居中 定位负margin法： 利用top:50%;left:50%;margin-left:子盒子宽度的一半;margin-top:子盒子高度的一半; 2.不定宽高垂直水平居中 兼容性最好的方案： 用定位margin:auto，定位 四个方向的值相等margin：auto…...

编程日记 2024/1/4 9:35:47

C++面向对象语法总结(二）

目录 《C基础语法总结》《C面向对象语法总结(一）》 十一、继承 继承，可以让子类拥有父类的多有成员（变量、函数）如下面的代码：Student是子类（subclass,派生类），Person是父类&…...

编程日记 2024/1/4 9:34:46

【LeetCode每日一题】2487. 从链表中移除节点（调用栈+递归+翻转链表）

2024-1-3 文章目录 [2487. 从链表中移除节点](https://leetcode.cn/problems/remove-nodes-from-linked-list/)方法一：调用栈方法二：递归方法三：翻转链表 2487. 从链表中移除节点 方法一：调用栈 1.将所有节点按顺序压入栈中 2.从…...

编程日记 2024/1/4 9:33:45

开源协助平台工程灵活应对多云时代的挑战

平台工程通过标准化控制和灵活性保障了开发实践。但是，随着平台工程的兴起，开源战略又该如何融入其中呢？ 虽然平台工程没有一刀切的方法，但越来越明显的是，开源软件和技术对平台工程的成功绝对至关重要——这一点我将在…...

编程日记 2024/1/4 9:32:44

Springboot通过profiles切换不同环境使用的配置

文章目录 简介1.通过分隔符隔离2.通过使用不同的配置文件区分3.测试 简介 一个项目从开发到上线一般要经过几个环境, dev测试环境-uat预生产环境-prod生产环境，每个环境的使用的数据库或者配置不同，这时候可以通过下面两种方式区分配置,达到快速切换的效…...

编程日记 2024/1/4 9:30:43

SpringBoot入门到精通-Spring Boot Jasypt Encrypt 演示

这是 spring boot 应用程序，展示了如何使用 Jasypt 加密值。 关于Jasypt Jasypt 为您提供简单的单向（摘要）和双向加密技术。开放 API，可与任何 JCE 提供程序一起使用，而不仅仅是默认的 Java VM 提供程序。Jasypt 可以很容易地与 Bouncy Castle 等知名提供商一起使用。了解…...

编程日记 2024/1/4 9:28:41

整数的阶乘（英语：factorial）是所有小于及等于

整数的阶乘（英语：factorial）是所有小于及等于该数的正整数的积，0的阶乘为1。即：n!123...n。 实例 #!/usr/bin/python3 # Filename : test.py # author by : www.dida100.com # 通过用户输入数字计算阶乘 # 获…...

编程日记 2024/1/4 9:27:40

音视频通信

文章目录 一、音视频通信流程二、流媒体协议1、RTSP2、RTMP3、HLS4、WebRTC 一、音视频通信流程 音视频通信完整流程有如下几个环节：采集、编码、前后处理、传输、解码、缓冲、渲染等。 每一个细分环节，还有更细分的技术模块。比如，前后处…...

编程日记 2024/1/4 9:26:39

docker 搭建gitlab 恢复和备份

最近一直在折腾gitlab 代码管理系统 采用docker搭建 镜像网址 https://hub.docker.com/ 技术交流 http://idea.coderyj.com/ 1.因为我要恢复的版本是12.0.9的所有我就下载了docker-ce的12.0.9的镜像 1.下载镜像 docker pull gitlab/gitlab-ce:12.0.9-ce.02.安装 docker run …...

编程日记 2024/1/4 9:24:37

尚硅谷2023版Promise教程从入门到实战(讲师：任安萍)

一、前言：为什么会出现Promise? Promise的重要性我认为没有必要多讲，概括起来说就是五个字：必！须！得！掌！握！。 而且还要掌握透彻，在实际的使用中，有非常多…...

编程日记 2024/1/4 9:23:36

【SpringBoot】分组校验和自定义校验

分组检验 参数校验时，我们希望不同的方法参数校验规则不同，这时就需要分组校验。 public class Category {NotNull(groups Update.class)private Integer id;//主键IDNotEmptyprivate String categoryName;//分类名称// NotEmpty(groups {Add.class,…...

编程日记 2024/1/4 9:22:35

19、BLIP-2

简介 github 通过利用预训练的视觉模型和语言模型来提升多模态效果和降低训练成本，预训练的视觉模型能够提供高质量的视觉表征，预训练的语言模型则提供了强大的语言生成能力。 实现过程 为了弥合模态差距，提出了一个分两个阶段预训练的 Qu…...

编程日记 2024/1/4 9:19:32

【微服务核心】MyBatis Plus

文章目录 1. 简介2. 入门使用3. 核心功能3.1 CRUD 接口3.1.1 Mapper CRUD 接口3.1.2 Service CRUD 接口 3.2 条件构造器3.3 分页插件3.4 Mybatis-Plus 注解 4. 拓展4.1 逻辑删除4.2 MybatisX快速开发插件 5. 插件5.1 [分页插件](#page)5.2 乐观锁插件 1. 简介 MyBatis Plus&am…...

编程日记 2024/1/4 9:15:28

什么是Alibaba Cloud Linux？完全兼容CentOS，详细介绍

Alibaba Cloud Linux是基于龙蜥社区OpenAnolis龙蜥操作系统Anolis OS的阿里云发行版，针对阿里云服务器ECS做了大量深度优化，Alibaba Cloud Linux由阿里云官方免费提供长期支持和维护LTS，Alibaba Cloud Linux完全兼容CentOS/RHEL生态和操作方式…...

编程日记 2024/1/4 9:14:27

Spark---RDD算子(单值类型Value)

文章目录 1.RDD算子介绍2.转换算子2.1 Value类型2.1.1 map2.1.2 mapPartitions2.1.3 mapPartitionsWithIndex2.1.4 flatMap2.1.5 glom2.1.6 groupBy2.1.7 filter2.1.8 sample2.1.9 distinct2.1.10 coalesce2.1.11 repartition2.1.12 sortBy 1.RDD算子介绍 RDD算子是用于对RDD进…...

编程日记 2024/1/4 9:13:26

数据库中的MVCC--多版本并发控制

一、前言 1、定义：MVCC（Multi-Version Concurrency Control），多版本并发控制，主要为了提高数据库 的并发性能。是MySQL的InnoDB存储引擎实现隔离级别的一种具体方式。用于实现提交读和可重 复读这两种隔离级别。 2…...

编程日记 2024/1/4 9:12:24

wps将姓名处理格式为：姓**

1.打开wps，在要处理数据右侧一个单元格 输入公式：LEFT(A1,1)&"**"，然后回车 2.按住ctrl和处理好的数据的右下角小方框，往下拖动即可生成格式为：姓** 格式的数据 3.复制生成的数据，右键选择 “…...

编程日记 2024/1/4 9:08:20

2023年我的编程之旅：技术演进与自我成长的纪录

2023年我的编程之旅：技术演进与自我成长的纪录 转眼间，2023年已经悄然走到了尾声。这一年，对我来说既是挑战也是机遇的一年。我的编程之旅如同坐上了一辆高速前进的列车，从新技术的学习探索到项目实战的沉浸经历，再到…...

编程日记 2024/1/4 9:05:18

好用免费的WAF---如何安装雷池社区版

什么是雷池​ 雷池（SafeLine）是长亭科技耗时近 10 年倾情打造的 WAF，核心检测能力由智能语义分析算法驱动。 Slogan: 不让黑客越雷池半步。 什么是 WAF​ WAF 是 Web Application Firewall 的缩写，也被称为 Web 应用防火墙。 …...

编程日记 2024/1/4 9:04:17

看似 bug 又非 bug 的一个 bug

最近的一个项目中&#xff0c;对于 CSS 的一些属性一些选择符可以大胆使用&#xff0c;然后很意外得撞上一个 iOS 中 Safari 的一个解析问题。 <Component style{{height: "calc(100vh - 46px)"}}>一个组件</Component> 这样的一段代码很简单&#xff…...

编程日记 2024/1/4 9:02:15

（十）学生端搭建

本次旨在将之前的已完成的部分功能进行拼装到学生端&#xff0c;同时完善学生端的构建。本次工作主要包括&#xff1a; 1.学生端整体界面布局 2.模拟考场与部分个人画像流程的串联 3.整体学生端逻辑 一、学生端 在主界面可以选择自己的用户角色 选择学生则进入学生登录界面…...

编程新知 2026/1/26 17:32:28

AI Agent与Agentic AI：原理、应用、挑战与未来展望

文章目录 一、引言二、AI Agent与Agentic AI的兴起2.1 技术契机与生态成熟2.2 Agent的定义与特征2.3 Agent的发展历程 三、AI Agent的核心技术栈解密3.1 感知模块代码示例&#xff1a;使用Python和OpenCV进行图像识别 3.2 认知与决策模块代码示例&#xff1a;使用OpenAI GPT-3进…...

编程新知 2026/1/23 7:04:53

Docker 运行 Kafka 带 SASL 认证教程

Docker 运行 Kafka 带 SASL 认证教程 Docker 运行 Kafka 带 SASL 认证教程一、说明二、环境准备三、编写 Docker Compose 和 jaas文件docker-compose.yml代码说明&#xff1a;server_jaas.conf 四、启动服务五、验证服务六、连接kafka服务七、总结 Docker 运行 Kafka 带 SASL 认…...

编程新知 2026/1/23 4:15:03

UDP(Echoserver)

网络命令 Ping 命令 检测网络是否连通 使用方法: ping -c 次数 网址ping -c 3 www.baidu.comnetstat 命令 netstat 是一个用来查看网络状态的重要工具. 语法&#xff1a;netstat [选项] 功能&#xff1a;查看网络状态 常用选项&#xff1a; n 拒绝显示别名&#…...

编程新知 2026/1/24 7:56:15

Go 语言接口详解

Go 语言接口详解 核心概念 接口定义 在 Go 语言中&#xff0c;接口是一种抽象类型&#xff0c;它定义了一组方法的集合&#xff1a; // 定义接口 type Shape interface {Area() float64Perimeter() float64 } 接口实现 Go 接口的实现是隐式的&#xff1a; // 矩形结构体…...

编程新知 2026/1/4 5:19:25

鸿蒙中用HarmonyOS SDK应用服务 HarmonyOS5开发一个医院挂号小程序

一、开发准备 ​​环境搭建​​&#xff1a; 安装DevEco Studio 3.0或更高版本配置HarmonyOS SDK申请开发者账号 ​​项目创建​​&#xff1a; File > New > Create Project > Application (选择"Empty Ability") 二、核心功能实现 1. 医院科室展示 /…...

编程新知 2025/9/5 12:16:40

第25节 Node.js 断言测试

Node.js的assert模块主要用于编写程序的单元测试时使用&#xff0c;通过断言可以提早发现和排查出错误。 稳定性: 5 - 锁定 这个模块可用于应用的单元测试&#xff0c;通过 require(assert) 可以使用这个模块。 assert.fail(actual, expected, message, operator) 使用参数…...

编程新知 2025/10/11 0:24:31

NLP学习路线图（二十三）：长短期记忆网络（LSTM）

在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN） 曾被视为…...

编程新知 2026/1/14 20:17:34

python执行测试用例，allure报乱码且未成功生成报告

allure执行测试用例时显示乱码&#xff1a;‘allure’ &#xfffd;&#xfffd;&#xfffd;&#xfffd;&#xfffd;ڲ&#xfffd;&#xfffd;&#xfffd;&#xfffd;ⲿ&#xfffd;&#xfffd;&#xfffd;Ҳ&#xfffd;&#xfffd;&#xfffd;ǿ&#xfffd;&am…...

编程新知 2026/1/27 3:55:39

React---day11

14.4 react-redux第三方库 提供connect、thunk之类的函数 以获取一个banner数据为例子 store&#xff1a; 我们在使用异步的时候理应是要使用中间件的&#xff0c;但是configureStore 已经自动集成了 redux-thunk&#xff0c;注意action里面要返回函数 import { configureS…...

编程新知 2026/1/19 2:13:24