甘焕的博客

在公式的打印输出中，括号时较难处理的一个环节，稍不注意，就容易遗忘括号的闭合，而结合使用CSS中content与quote属性可轻松实现括号的自动闭合，并能添加自定义样式。以要输出下面的公式为例：{a * [b / (c + d)]} 首先设计如下的HTML结构：<i class="quote">a* <i class="quote">b / <i class="quote

在浏览器端实现文档的防拷贝是一件比较困难的事，一般需要监听拷贝事件，还需要禁用右键，甚至还要监听键盘事件，即使是这样，只要通过事件注册功能覆盖，依旧可以轻松实现拷贝功能。而充分利用CSS中的content属性，可直接禁用文本选中功能，从而在不影响系统原有功能的情况下，轻松实现文档的防拷贝功能，并且这是浏览器底层支持，且没有事件注册，所以很难破解。以下面的测试文本为例：<p>Hello,</p><p

在多级编号功能的实现过程中，我们一般采用JS动态递增的方式，或者采用后端编码的方式，然而还有一种更简单的实现方式，用CSS即可轻松实现。如果需要展示的层次结构如下：<ol> <li>item</li> <!-- 1 --> <li>item <!-- 2 --> <ol> <li>item</li>

在前端程序的开发中，经常会遇到将float元素垂直居中的应用场景，并且结合的场景非常之多，如float元素与inline元素、float元素与float元素、float元素与block元素以及它们的综合应用场景，在大部分的情况下，采用的方案有如下三种： 1. 采用flex布局； 2. 综合运用line-height、margin与padding； 3. 综合运用相对定位与绝对定位；第一种方案，

在HTML电子邮件的群发中，需要按照中文排版风格自动缩进两字符，很自然就想到了利用空格与CSS伪类的content属性，如下：p:before { content : "\20\20";}/*第一个段落不缩进*/p:first-child:before { content : "";}但很遗憾，经过测试发现，竟然一个空格都没有，在其他同学的提示下，使用”\A0”进行代替。经过