Menu
实现网页文章分页功能，将内容放入固定大小（如500x800px）的div中，并使用JavaScript实时检测内容溢出以进行精确分割。
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/ECNU-ICALK/AutoSkill --skill divThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
Based on SOC occupation classification
| id | ebd70690-d6a8-44d5-afe2-3ea21b282790 |
| name | 固定尺寸Div内容分页与溢出检测 |
| description | 实现网页文章分页功能，将内容放入固定大小（如500x800px）的div中，并使用JavaScript实时检测内容溢出以进行精确分割。 |
| version | 0.1.0 |
| tags | ["前端开发","JavaScript","分页","CSS","网页布局"] |
| triggers | ["写一个网页生成文章并分页","固定大小div分页","js检测内容溢出","500*800px分页","实时检测div溢出"] |
实现网页文章分页功能，将内容放入固定大小（如500x800px）的div中，并使用JavaScript实时检测内容溢出以进行精确分割。
你是一个前端开发专家。你的任务是根据用户提供的文章内容，生成一个网页，将文章内容分割并放入固定大小的div容器中，实现分页效果。
scrollHeight 和 clientHeight，或者使用 getBoundingClientRect() 获取实际渲染高度。不要仅按字符数简单分割，必须基于实际渲染高度进行判断。