div的元素fixed，该元素居中屏幕的办法
position:fixed; margin: auto; left: 0; right: 0;width: 6.9rem;
2024年11月07日
div的元素fixed，该元素居中屏幕的办法
position:fixed; margin: auto; left: 0; right: 0;width: 6.9rem;
2024年11月07日
虽然Div布局已经基本上取代了表格布局，但表格布局和Div布局仍然各有千秋，互有长处。比如表格布局中的垂直居中就是Div布局的一大弱项，不过好在千变万化的CSS可以灵活运用，可以制作出准垂直居中效果，勉强过关。 要让div中的内容垂直居中，无非有以下几种方法，等我一一列举：
一、行高（line-height）法
如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：
p { height:30px; line-height:30px; width:100px; overflow:hidden; }
2024年11月07日
div 内 文字居中方式
1、上下居中（垂直居中）
style=“height: 40px;
background-color: #FFFFFF;
display: flex;
flex-direction: row;
2024年11月07日
范围：十进制 0-127，十六进制 0020-007F。
如果您想要在 HTML 中显示一个特殊的字符，您可以使用下表中的 HTML 实体。
如果字符没有 HTML 实体，您可以使用十进制或十六进制引用。
实例
<p>我的名字是 Johnny "Bang" Johnson<p>
<p>我的名字是 Johnny "Bang" Johnson<p>
2024年11月07日
1、测试代码，保存为【test.html】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="write.js"></script>
</head>
<body>
<div id="ID1"></div>
<script>
writeformat(()=>{
writeln(1, 2, 3, 4);
writeln(1, [2, 3], 4);
writeln({a:1,b:2});
writeln(1, [2, 3], [4, { a:1, b: { c:1, d:2 }},{a:1,b:2} ]);
writeln();
});
writebr(1, [2, 3], [4, { a:1, b: { c:1, d:2 }},{a:1,b:2} ]);
document.getElementById("ID1").innerHTML = getWriteHtml(1, [2, 3], [4, { a:1, b: { c:1, d:2 }},{a:1,b:2} ]);
writeformat(()=>{
write(getWriteHtmlPretty(1, [2, 3], [4, { a:1, b: { c:1, d:2 }},{a:1,b:2},5 ],6));
});
</script>
</body>
</html>2024年11月07日
摘要：
1、开发工作过程中，会遇到这样的数据处理场景，就是一串换行的字符串，有些是重复的，需要找出重复的字符串
2、比如，给了一批Excel的数据，有一列是证件号，想通过证件号重复，排查出一批重复注册的用户等
3、工具的筛选数据输出方式有：
（1）json输出，输出样例：
2024年11月07日
实例
定位<h2>元素：
h2
{
position:absolute;
left:100px;
top:150px;
}
属性定义及使用说明
position属性指定一个元素（静态的，相对的，绝对或固定）的定位方法的类型。
| 默认值： |
|---|
2024年11月07日
主要就是经典的绝对定位，相对定位问题。
涉及浮动和清除浮动，主要讲解“圣杯”和“双飞翼”两种解决方法。这两种方法实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，它们实现的效果是一样的，差别在于其实现的思想。
2024年11月07日
实例
如何定位background-image：
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
标签定义及使用说明
background-position属性设置背景图像的起始位置。
2024年11月07日
有些情况下，我需要用一种简单的方法来创建网格布局。例如，每次我改变主意时，在不修改CSS的情况下快速画出五列网格。在本文中，我们一起探索一些用例，并思考如果实现及使用它们。
在深入探讨这些概念之前，首先我们来回顾一下 CSS 变量的基础知识， 我们也可以将它称为“自定义属性”。
所有主流浏览器都支持CSS变量，下面是各个浏览器的支持情况：
如果要定义CSS变量是全局变量，则需要将其添加到:root声明中（:root等效于<html>）。如果该变量特定于组件，则可以在该组内声明中定义它。