yivifu的专栏

本文用原生JavaScript实现将匹配的搜索内容高亮，不用任何第三方库。

本文利用css的grid布局结合jinja2模版系统渲染了一个模拟紫微斗数命盘。

本文结合VBA和JavaScript将带注释的曹植集注中的一首诗改造成了可以通过点击注释引用即在点击位置显示注释的HTML，以供制作更方便在平板等平台阅读的epub格式书籍。

表文介绍了一种不使用JavaScrip也不用第三方插件简单实现在HTML页面中固定表头滚动表格的效果。

本文介绍了如何编写匹正则表达式匹配HTML标签，并给出了一个较复杂的应用问题——保留一段HTML片段中不带属性的div标签和p标签，但是删除带属性的div标签和p标签——的解决方案。

本文通过实现tooltip工具的渐入渐出效果，以一种简洁明晰的方式简要介绍了CSS3的动画相关知识。因为本人并非高手，所以文中没有复杂炫技，初学者也足以通过本文快速理解并掌握相关原理。

通过实现一个支持切换答题模式与阅读模式的Anki问答题模板，演示不使用JavaScript就删除某些HTML结点在页面上的显示以及插入自己的内容。

本文利用HTML元素的position样式和visibility样式实现了一个提示工具（tooltip）示例，其中涉及到了元素的hover伪类，visibility样式和position样式等知识。

中只需要先选择批注文字，然后通过“开始”菜单“段落”面板上字符缩放工具组里的“双行合一”命令，就可以很容易实现双行夹批效果。），其次是对所有需要双行显示的内容，需要针对每一块内容确定合适的宽度，否则没有理想的双行夹批显示效果。古代小说中经常有评点和批注，为了区别正文和批注，一般将批注排版成双行夹批的形式。，还是不能防止元素尺寸过大时不同的子元素被换行显示（即使子元素是行内元素。局限性还是很大的，首先是子元素尺寸超过容器的宽度或高度时，即使使用了。/*子元素的对齐方式，主要靠这个实现文字的垂直方向对齐*/

在没有查找功能的环境中给网页加上搜索并高亮匹配内容的功能。

本文介绍了一种用js结合css实现在HTML中进行双行合一排版的方法。