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

HTML页面布局-使用div示例

news 2025/8/23 13:43:22

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--text-align:center  文字水平居中line-height：200px;  文字垂直居中,行高设置跟高度一样，文字就会在当前div中水平居中margin:0 auto  在页面水平居中--><div style="width:500px; height: 200px;text-align: center; line-height:200px;background: orange; margin: 0 auto ">页面顶部</div><div style="width:500px; height: 1000px;text-align:center;line-height:1000px;background:pink;margin:0 auto">页面中间</div><div style="width:500px; height: 200px;text-align:center;line-height:200px;background:orange;margin:0 auto">页面底部</div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><!--text-align:center  文字水平居中line-height：200px;  文字垂直居中,行高设置跟高度一样，文字就会在当前div中水平居中margin:0 auto  在页面水平居中--><div style="width:500px; height: 200px;text-align: center; line-height:200px;background: orange; margin: 0 auto ">页面顶部</div><div style="width:500px; height: 1000px;text-align:center;line-height:1000px;background:pink;margin:0 auto">页面中间</div><div style="width:500px; height: 200px;text-align:center;line-height:200px;background:orange;margin:0 auto">页面底部</div>
</body>
</html>

HTML页面布局-使用div示例

<!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title> </head> <body><!--text-align:center 文字水平居中line-height：200px; 文字垂直居中,行高设置跟高…...

编程日记 2024/6/20 4:20:14

怎么把webp文件转换为jpg？快来试试这四种转换方法！

怎么把webp文件转换为jpg？Webp是一种不常见的图片格式，这种格式在使用过程中有很多缺点，首先它的浏览器兼容性不是很强，这就代表大家无法随意进行网络传输，可能需要准备特定的操作才能进行，然后编辑webp的工…...

编程日记 2024/6/20 4:19:12

计算机网络(7) 错误检测

一.校验和使用补码计算校验和是一种常见的错误检测方法，应用于网络协议如IP和TCP。补码是二进制数的一种表示方法，可以有效地处理符号位和进位。下面是如何利用补码计算校验和的详细步骤和算数例子。 ### 计算步骤 1. **将数据分块**：将数…...

编程日记 2024/6/20 4:18:09

实体类status属性使用枚举类型的步骤

1. 问题引出当实体类的状态属性为Integer类型时，容易写错 2. 初步修改把状态属性强制为某个类型，并且自定义一些可供选择的常量。 public class LessonStatus {public static final LessonStatus NOT_LEARNED new LessonStatus(0,"未学习"…...

编程日记 2024/6/20 4:16:05

pytorch基础【4】梯度计算、链式法则、梯度清零

文章目录梯度计算计算图（Computational Graph）梯度求导（Gradient Computation）函数与概念示例代码更多细节梯度求导的过程梯度求导的基本步骤示例代码注意事项总结链式法则是什么？链式法则的数学定义链式法则在深度…...

编程日记 2024/6/20 4:15:04

mapreduce综合应用案例 — 招聘数据清洗

MapReduce是一个编程模型和处理大数据集的框架，它由Google开发并广泛使用于分布式计算环境中。MapReduce模型包含两个主要的函数：Map和Reduce。Map函数用于处理输入的键值对生成中间键值对，Reduce函数则用于合并Map函数输出的具有相同键的中间…...

编程日记 2024/6/20 4:14:02

发力采销，京东的“用户关系学”

作者 | 曾响铃文 | 响铃说 40多岁打扮精致的城市女性，在西藏那曲的偏远农村，坐着藏民的摩托车，行驶在悬崖边的烂泥路上，只因为受顾客的“委托”，要寻找最原生态的藏区某款产品。 30多岁的憨厚中年男性，…...

编程日记 2024/6/20 4:13:00

期望23K，go高级社招面试复盘

面经哥只做互联网社招面试经历分享，关注我，每日推送精选面经，面试前，先找面经哥我最终还是上岸了，花了一周总结了3万字的go社招高级面试知识体系思维导图，分享出来希望能帮助有缘人吧，以下只是…...

编程日记 2024/6/20 4:10:58

电感（线圈）具有哪些基本特性

首先，电感（线圈）具有以下基本特性，称之为“电感的感性电抗” ?①直流基本上直接流过。 ?②对于交流，起到类似电阻的作用。 ?③频率越高越难通过。下面是表示电感的频率和阻抗特性的示意图。在理想电感器中&#…...

编程日记 2024/6/20 4:09:56

tkinter实现一个GUI界面-快速入手

目录一个简单界面输出效果其他功能插入进度条文本框内容输入和删除标签内容显示和删除一个简单界面含插入文本、文本框、按钮、按钮调用函数 # -*- coding: UTF-8 -*-import tkinter as tk from tkinter import END from tkinter import filedialog from tkinter impor…...

编程日记 2024/6/20 4:08:55

Top10在线音频剪辑软件，你了解几款？（免费分享）

多年来，随着音乐制作人和音频工程师的需求不断增长，音频剪辑软件领域经历了巨大的发展。最新的音频剪辑软件提供了从基本录制到最终发布所需的一切功能。其中一些软件专为播客设计，一些软件是免费的，并且一些软件提供了出色的音效…...

编程日记 2024/6/20 4:07:52

mysql报错：You can‘t specify target table ‘Person‘ for update in FROM clause

背景在做leetcode里数据库的196题删除重复数据时，我参考评论区大佬的方法先用group by找到每个分组里的最小的id的那条记录，然后删掉原表中id不在其中的记录，然后就报了如题所示的错误。我的写法如下： DELETE FROMPerson WHER…...

编程日记 2024/6/20 4:06:50

Python sorted()方法

sorted() 是Python中的一个内置函数，用于对可迭代对象进行排序。它返回一个新的已排序的列表，而不会修改原始的可迭代对象。sorted() 函数的基本语法如下： sorted(iterable, keyNone, reverseFalse)参数解释： iterable&#xff…...

编程日记 2024/6/20 4:05:49

云上宝库：三大厂商对象存储安全性及差异性比较

前言看了几家云厂商的对象存储，使用上有相似也有差异，聊聊阿里云、腾讯云、京东云三家对象存储在使用中存在的风险以及防护措施。 0x01 云存储命名阿里云对象存储OSS(Object Storage Service)，新用户免费试用三个月，存储包容…...

编程日记 2024/6/20 4:04:48

【计算机网络体系结构】计算机网络体系结构实验-www实验

二、www实验 1. 添加网站 2. 浏览器打开...

编程日记 2024/6/20 4:03:46

Windows下MySQL数据库定期备份SQL文件与删除历史备份文件.bat脚本

目录一、功能需求二、解决方案（1）新建文件夹及批处理文件（2）编写备份脚本 ①完整脚本 ②参数修改（3）编写定期删除备份脚本 ①根据文件名识别日期进行删除 ② 根据文件的修改日期删除（4）设置定时器（5）常见报错与处理一、功能需求在Windows系统下…...

编程日记 2024/6/20 4:02:45

electron基础使用

安装以及运行当前node版本18，按照官网提供操作，npm init进行初始化操作，将index.js修改为main.js，执行npm install --save-dev electron。（这里我挂梯子下载成功了。），添加如下代码至package.…...

编程日记 2024/6/20 4:00:43

目的：telnet远程管理设备 LSW1配置 [Huawei]int Vlanif 1 [Huawei-Vlanif1]ip add 1.1.1.1 24 [Huawei-Vlanif1]q [Huawei]user-interface vty 0 4 [Huawei-ui-vty0-4]authentication-mode aaa [Huawei-ui-vty0-4]q [Huawei]aaa [Huawei-aaa]local-user admin pass…...

编程日记 2024/6/20 3:56:39

xcode报错合集，你都遇到过哪些跳不过的坑

1.报错Consecutive declarations on a line must be separated by ; 其实我这里是用因为创建了一个结构体，然后在没有使用State的情况下，修改它的属性了当然加上State依然报错： 应该在UI事件中修改：...

编程日记 2024/6/20 3:55:37

六面体大米装袋机长期稳定运行原因分析

随着现代化农业生产的发展，六面体大米装袋机已成为粮食加工行业不可或缺的重要设备。然而，如何确保这些机器长期稳定运行，提高生产效率，降低维护成本，一直是广大粮食加工企业关注的焦点。星派将为您揭示六面体大米装袋…...

编程日记 2024/6/20 3:53:34

KubeSphere 容器平台高可用：环境搭建与可视化操作指南

Linux_k8s篇欢迎来到Linux的世界，看笔记好好学多敲多打，每个人都是大神！ 题目：KubeSphere 容器平台高可用：环境搭建与可视化操作指南版本号: 1.0,0 作者: 老王要学习日期: 2025.06.05 适用环境: Ubuntu22 文档说…...

编程新知 2025/8/23 9:15:45

UE5 学习系列（三）创建和移动物体

这篇博客是该系列的第三篇，是在之前两篇博客的基础上展开，主要介绍如何在操作界面中创建和拖动物体，这篇博客跟随的视频链接如下： B 站视频：s03-创建和移动物体如果你不打算开之前的博客并且对UE5 比较熟的话按照以…...

编程新知 2025/8/21 4:46:16

C# 类和继承(抽象类)

抽象类抽象类是指设计为被继承的类。抽象类只能被用作其他类的基类。不能创建抽象类的实例。抽象类使用abstract修饰符声明。抽象类可以包含抽象成员或普通的非抽象成员。抽象类的成员可以是抽象成员和普通带实现的成员的任意组合。抽象类自己可以派生自另一个抽象类。例…...

编程新知 2025/8/11 7:33:00

Webpack性能优化：构建速度与体积优化策略

一、构建速度优化 1、升级Webpack和Node.js 优化效果：Webpack 4比Webpack 3构建时间降低60%-98%。原因： V8引擎优化（for of替代forEach、Map/Set替代Object）。默认使用更快的md4哈希算法。AST直接从Loa…...

编程新知 2025/7/7 1:01:12

Chromium 136 编译指南 Windows篇：depot_tools 配置与源码获取（二）

引言工欲善其事，必先利其器。在完成了 Visual Studio 2022 和 Windows SDK 的安装后，我们即将接触到 Chromium 开发生态中最核心的工具——depot_tools。这个由 Google 精心打造的工具集，就像是连接开发者与 Chromium 庞大代码库的智能桥梁…...

编程新知 2025/8/22 5:08:12