2024年11月03日
近期用户提了个需求，需要打印一个文档，要求其中部分页横向排版部分页面纵向排版，这个在之前的通用打印导出pdf类中是不具备的，通用的打印导出pdf只能统一设置一个排版方式，要么横向要么纵向，而如果要指定某一页横向还是纵向，需要单独的处理。为什么之前设计的类不支持单独指定页面，主要是为了方便用户使用，并不需要复杂的设置，而且面对的应用场景都是统一的日志类、信息类，这些数据基本上要么统一是横向要么统一是纵向排版，不需要精确到某一页什么排版，而且传入数据内容集合以后是自动分页处理的，也无法动态切换排版方式。一般是特殊的报表内容才可能需要指定页不同的排版方式，比如医疗上面用的报表，个人信息纵向排版，体检信息中的心电图横向排版看到更清晰。
2024年11月03日
我调查了身边五六年经验以上的几个前端同学和同事，尽然发现绝大部分人都不知道，当然，在看到这个文章之前，我也不知道这个，平时虽然都一直在做web前端开发，但真没涉及到这块，或者说涉及到了，也解决了，但是还真没探究过这个问题，你是否躺枪了呢？
这是一个很让人困惑的CSS特征，我之前也谈到过它。我们大家都知道，当按百分比设定一个元素的宽度时，它是相对于父容器的宽度计算的，但是，对于一些表示竖向距离的属性，例如padding-top,
2024年11月03日
在css中，当按百分比设定的一个元素的宽度时，它确实是相对于宽度计算的，但是，对于一些竖向的距离属性呢？比如padding-top或者bottom和margin-top或者bottom等，当按百分比设定时，它们依据的是父容器的宽度，而不是高度。
下面是一个实例演示，你可以调整容器的宽度，但你会发现，黄块的padding-bottom的距离也会随之宽度而变大或变小。
以下为大家展示下
HTML：
2024年11月03日
要实现如下内容的样式，即文字是竖向排列，并且如下图的35这个数字，要将其变成横向排列。
想要方案竖向排列，需要用到css3的writing-mode:vertical-rl;//即竖直广告，从右到左的方式
.qqbox-text{writing-mode: vertical-rl; /* 文字从上到下，从右到左 */}2024年11月03日
本篇文章介绍CSS3中增强用户界面的关于溢出、缩放、轮廓、鼠标事件、文本选中等属性的使用。这些属性基本上得到了大部分浏览器的支持，可以在代码中直接书写。
2024年11月03日
CSS（cascading style sheet）层叠样式表语言，用来专门修饰HTML的。有三种方式将CSS嵌入html中。
内联定义。任何一个html标签都可以指定style属性，在标签的style属性上直接定义样式名和值，语法如下：
<标签 style=“样式名：样式值；
2024年11月03日
1、CSS一行文本超出隐藏
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
2、CSS多行文本溢出隐藏
display: -webkit-box;
2024年11月03日
关于清除浮动，在编写前端页面中一定遇到的不少，首先应该清楚：浮动 Floats 是 CSS 中的一种布局方式。它的渲染位置在行框与包含块之间，这样就可以使行框内文字与浮动元素不重叠并且环绕它显示。在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。
下面我们就清除浮动一一罗列一些方法：
设置了 clear 属性的元素，其上边框位置会紧贴浮动元素的 margin-bottom 边界位置渲染，忽略其 margin-top 设置。这样，父容器高度未设定(值是 auto)时，由于定义的清理浮动样式元素所在位置处于浮动元素之下，容器计算后的实际高度就包含了浮动元素。
2024年11月03日
微软修复了 Windows 零日漏洞，该漏洞已被积极利用长达十八个月的攻击，用于启动恶意脚本并绕过内置安全功能。
该漏洞被追踪为CVE-2024-38112，是一个高严重性的 MHTML 欺骗问题，已在2024 年 7 月补丁星期二安全更新期间修复。
2024年11月03日
在 Web 开发中出于多种原因，我们需要隐藏元素。例如，一个按钮应该在移动中可见，而在桌面视口中隐藏。或者，在移动设备上隐藏但要在桌面上显示的导航元素。隐藏元素时有三种不同的状态：
在这篇文章中，我们将学习在html和css中隐藏元素，并涵盖易访问性、动画和隐藏用例等方面，让我们开始吧。