-
CSS 设置孙节点高度等于父节点
HTML 节点结构如下：需设置abc高度与最外层div一直。 示例代码最外层高度只是假设，真实场景往往都是height: 100%。 <div style="height: 300px">
-
CSS iframe 高度 100% 后出现纵向滚动条
现象 当设置了iframe高度100%，理想情况是没有纵向滚动条，但仍然出现了滚动条，设置99%后滚动条消失。 原始代码 <iframe src="1.pdf" width="100%" heigh
-
CSS Grid 布局元素横跨两列
grid-column grid-column: 2 / span 2; grid-column: span 2; /* 跨两列 */ 等价写法 grid-column-start: auto;
-
CSS Grid 布局 grid-template-columns 超出浏览器宽度解决方法
现象 Grid的item默认min-width: auto，会让项目的最小宽度基于内容，导致换行/收缩受限。 在Grid中，1fr列的最小宽度会默认取min-content size（也受item的
-
HTML 移动端限制用户双击缩放
代码 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sc
2026-04-16, Views: 128 , Topics: HTML
-
HTML audio 标签相关事件
HTMLMediaElement play 开始播放 video.addEventListener("play", (event) => { console.log( "The Bool
2026-04-15, Views: 142 , Topics: HTML
-
Chrome 加载 PDF 时设置隐藏左侧导航
URL 在url中设置#，Chrome/iframe会自动识别指令。 Chrome和Edge表现可能不同。 https://a.pdf#navpanes=0&toolbar=0&view=FitB
-
React 中 onClick 接收函数与 HTML 和 Vue 中的区别
React 无参 直接传入函数本身。 <div onClick={doClick}>点击</div> 有参 需要使用() => {}封装一层。 <div onClick={() => doClic
-
HTML referrer 来源页属性
referrer 配置 HTML <meta>全局配置。 <head> <meta charset="UTF-8"> <title>Title</title> <meta n
2025-09-11, Views: 1195 , Topics: HTML
-
HTML Cookie 参数
设置 key：自定义键名。 path：该Cookie值在哪个路径下生效。 max-age：多少秒后过期。 示例 Cookie值为username，在/（根路径及所有子路径）下都生效，31536000
-
CSS 解决 HTML 大段文本没有换行问题
问题 有一大段说明文字，已经分段落和换行好了，但是页面上去没有换行，而且空格也被去掉了。 解决方法 使用white-space的pre-wrap样式。 whit
-
JavaScript 获取 HTML 中的文字字数
需求 计算HTML中的文字字数，因为有很多标签，需要正则提取，比较麻烦。使用JavaScript内置方法获取。 代码 获取id为div-content标签下的字
2023-12-02, Views: 2180 , Topics: JavaScript HTML
-
HTML table 水平滚动
需求 当table有很多列时，无能显示在指定宽度上，需水平滚动。 解决 最主要是display: block和overflow-x: auto。 table {
2023-09-20, Views: 2376 , Topics: HTML
-
HTML 显示 PDF 文件的几种方式
object 标签 data属性中配置PDF文件路径，type选择application/pdf。 <html> <head>
-
HTML 输入框 input 清空按钮
CSS input[type=search]::-webkit-search-cancel-button { -webkit-appearance: n
-
HTML 使用 CSS 移除 input datalist 下拉箭头
需求 input配置了datalist后，输入框尾部会带一个下拉箭头，需要去掉。 样式 [list]::-webkit-calendar-picker-indi
-
HTML 使用 CSS 改变文本选中颜色
代码 color：选中后的文字颜色。 background：背景色。 ::selection { background:#4CAF50; col
-
HTML 防止爬虫抓取方法
robots.txt 设置robots.txt爬虫抓取规则，一般放置在域名根目录。 如：不允许抓取/admin下的路径及子路径。 User-agent: * D
2023-09-13, Views: 1920 , Topics: HTML
-
HTML 使用 tabindex 控制 Tab 键按键顺序
格式 number从1开始。 <element tabindex="number"> 防止 Tab 键选中 将tabindex设置为-1将不会被Ta
2022-09-08, Views: 2467 , Topics: HTML
-
JavaScript 判断字符串中是否含有 HTML 标签
正则表达式 function checkHtml(htmlStr) { var reg = /<[^>]+>/g; retu
2022-07-05, Views: 4272 , Topics: JavaScript HTML 正则表达式