微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > html教程 > 正文

DIV和CSS排版中制作细线条的几种方法(转)_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 12:28:09
原创
1239人浏览过

今天制作div的高度控制的时候发现ie下控制div的高度很小的时候无效，特意查了一下相关文章。

最终有了解决方案，参考下面文章：

如果要制作一条高度小于12PX（大约）的线条，在IE中会显示出高于实际高度的，看下面。



可看出实际高度大于6PX，这也算是IE的一个BUG吧。以下三种方法可解决这个问题，推荐使用第一种方法。
1：


md2card
md2card

Markdown转知识卡片

md2card 1995
查看详情 md2card

2. div之间要加个空格 注：IE5.0 无效

立即学习“前端免费学习笔记（深入）”；



3：



备注：在FireFox下一点问题也没有，IE的Bug。
    overflow: hidden;
    font-size:1px;
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：对于DIV+CSS的开发方式，我们也要听听另外的声音.(转贴)_html/css_WEB-ITnose 下一篇：css控制div显示／隐藏方法及２种方法比较原码 转_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
HTMLarticle语义化怎么实现_HTML文章内容的语义化标签使用技巧 实现HTML语义化需使用恰当标签准确表达内容结构，如article、section、header、footer、h1-h6、p等，避免仅用于样式的div和span；通过em、strong、blockquote、code等标签体现内容语气与类型；配合alt、time、nav提升可访问性；杜绝误用标题标签、模拟列表等行为，确保结构清晰、标签各司其职。
2025-11-25 00:03:34
441
HTMLarticle标签怎么用_HTMLarticle标签的语义与适用范围说明 答案：article标签是HTML5用于定义独立、可自包含内容的语义化标签，适用于博客文章、新闻报道等可独立存在的内容。
2025-11-24 23:52:02
289
HTML文本居左怎么设置_HTML文本居左怎么快速调整对齐方式 使用text-align:left;可实现HTML文本左对齐。1.通过内联样式直接设置单个元素；2.定义CSS类统一控制多个元素；3.修改已有样式中的对齐方式。建议检查样式覆盖问题，使用开发者工具确认最终效果。
2025-11-24 23:43:25
814
HTML5视频怎么嵌入_HTML5video标签嵌入视频文件的用法与兼容性处理 使用HTML5video标签可直接嵌入视频，通过提供MP4和WebM多格式源文件确保兼容性，并结合controls、autoplay、muted等属性优化播放体验。
2025-11-24 23:34:18
742
HTML语义化对可访问性有什么作用_HTML语义化提升无障碍访问的方法 语义化HTML通过、、等标签明确页面结构，提升可访问性；合理使用标题层级和、等元素确保屏幕阅读器准确解析；结合ARIA增强动态内容支持，实现无障碍浏览。
2025-11-24 23:34:02
552
HTML定位布局怎么语义化_HTMLposition布局的语义化替代方案 使用语义化HTML和现代CSS布局替代传统position定位，提升可维护性与可访问性。1.用明确结构角色；2.Flexbox实现弹性对齐与排列，避免脱离文档流；3.CSSGrid规划二维页面布局，支持响应式；4.伪元素处理装饰效果，减少绝对定位依赖；5.仅在动画、下拉菜单等必要场景使用position。布局应体现元素本质而非仅视觉摆放。
2025-11-24 23:10:02
896
HTML文本输入框怎么限制字数_HTML文本输入框如何设置最大输入字符限制 使用maxlength属性可限制HTML输入框字数，适用于input和textarea元素，结合JavaScript可实时显示剩余字符数，提升用户体验，但需配合后端验证确保数据安全。
2025-11-24 22:45:06
992
HTML表单数字验证怎么实现_HTML数字输入验证的方法与正则表达式 答案：通过HTML5属性、正则表达式和JavaScript可实现表单数字验证。使用type="number"支持原生数字输入，结合min、max、step控制范围与精度；需自定义格式时用pattern配合正则表达式，如^\d+(.\d{1,2})?$限制两位小数；为获得实时反馈，可通过JavaScript动态校验输入值，并在提交时进行最终验证；注意前端验证易被绕过，服务端必须重新校验，同时设置清晰的title提示以提升用户体验。
2025-11-24 21:35:02
717
HTML表单数据怎么存储_HTML表单提交后数据存储到数据库的方法 HTML表单需结合服务器端语言和数据库存储数据。首先创建含action和method的表单，通过POST提交至处理文件（如submit.php）；PHP接收数据并连接MySQL数据库，使用预处理语句插入信息以防止SQL注入；提前创建数据库及数据表结构，确保字段匹配；最后加强安全措施，包括输入验证、过滤、加密敏感信息、防CSRF和使用HTTPS，实现安全的数据持久化。
2025-11-24 21:21:06
449
HTML5ShadowDOM怎么用_HTML5ShadowDOM实现组件封装的方法与原理 ShadowDOM是一种用于创建独立、封装DOM树的技术，通过attachShadow方法将影子DOM附加到元素上，实现样式和结构的隔离。其核心特性包括：样式作用域限制在ShadowRoot内部，外部CSS难以影响内部结构；主文档的DOM查询无法直接访问影子节点；结合CustomElements可构建高内聚组件；使用实现内容分发，提升组件灵活性。模式分为open和closed，分别控制外部是否可访问ShadowRoot。作为WebComponents的关键组成部分，ShadowDOM支持原生组件
2025-11-24 20:56:02
872
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部