-
-
CSS文字溢出截断详解：text-overflow与ellipsis
-
text-overflow:ellipsis必须配合white-space:nowrap、overflow:hidden及明确宽度（如width/max-width或flex-shrink+min-width:0）才生效；Bootstrap的.text-truncate封装前三者但依赖父容器约束。
-
文章 ·
前端
| 16小时前 |
198浏览
收藏
-
-
CSS列表样式清除与美化方法
-
彻底清除列表默认样式需同时设置list-style:none、margin:0和padding:0；list-style-image兼容性差，推荐用::before+background-image；Flex布局下对齐需作用于li内部；语义结构不可破坏。
-
文章 ·
前端
| 4星期前 |
197浏览
收藏
-
-
table布局还适用吗？优缺点及替代方案
-
HTML5明确禁止用<table>做页面布局，仅适用于语义化表格数据；现代布局应选Flexbox（单维排列）或Grid（二维网格），避免display:table等伪表格方案。
-
文章 ·
前端
| 4星期前 |
197浏览
收藏
-
-
Bootstrap快速引入与栅格使用教程
-
必须用官网推荐的完整CDN地址：CSS用bootstrap.min.css，JS用bootstrap.bundle.min.js（含Popper），JS放底部或加defer；栅格需container→row→col三层嵌套；断点类名按顺序书写，务必添加viewportmeta标签。
-
文章 ·
前端
| 3星期前 |
197浏览
收藏
-
-
HTML分割线制作方法及技巧
-
HTML中用<hr/>标签添加语义化横线，表示内容主题分隔；需用CSS自定义样式，禁用过时属性；无语义需求时优先用CSS边框。
-
文章 ·
前端
| 3星期前 |
197浏览
收藏
-
-
IE浏览器视频比例失调解决方法
-
IE11中video标签不支持aspect-ratio且忽略width/height语义，需用padding-top百分比容器配合绝对定位实现等比缩放，object-fit无效但可用contain防拉伸，poster尺寸须匹配视频比例，preload避免auto，动态插入需预设样式或监听loadedmetadata修正。
-
文章 ·
前端
| 2星期前 |
197浏览
收藏
-
-
CSSgrid行高设置：minmax与fr灵活应用
-
minmax()是控制Grid轨道高度的唯一可靠方案，因其在grid-template-rows中定义轨道最小/最大尺寸，兼顾内容自适应与容器约束，而fit-content()不适用于height方向且兼容性差。
-
文章 ·
前端
| 2星期前 |
197浏览
收藏
-
-
Vuex状态丢失？三种持久化方法详解
-
Vuex状态刷新丢失是因数据默认存于内存，解决方案有三：一、手动用localStorage/sessionStorage同步；二、使用vuex-persistedstate插件自动持久化；三、按业务语义选择sessionStorage（会话级）或localStorage（跨会话），并注意敏感信息与降级处理。
-
文章 ·
前端
| 2星期前 |
197浏览
收藏
-
-
HTML5文件读取与操作实例解析
-
HTML5通过FileAPI和FileSystemAPI实现本地文件操作：1.FileAPI利用input或拖放获取文件，通过FileReader读取内容，支持文本、数据URL等格式；2.拖拽功能提升用户体验，允许将文件直接拖入页面读取；3.FileSystemAPI（实验性）可在沙盒中创建、读写文件，仅部分浏览器支持；注意事项包括安全限制、API兼容性及推荐使用NativeFileSystemAPI替代方案。
-
文章 ·
前端
| 2星期前 |
HTML5
197浏览
收藏
-
-
CSS表单对齐问题怎么解决
-
表单标签与输入框对不齐的本质是默认样式差异和盒模型行为不一致，应采用“列对齐”思路，通过Grid或Flex布局统一结构并配合基础样式重置实现精准对齐。
-
文章 ·
前端
| 2星期前 |
197浏览
收藏
-
-
CSS浮动错乱怎么调试？开发者工具快速定位
-
浮动元素脱离文档流导致父容器高度塌陷、相邻元素换行错位、文字环绕截断及clear失效，根源在于盒模型计算偏差、BFC缺失与层叠上下文干扰，需结合Computed/Layout面板调试并用flex/grid或BFC方案修复。
-
文章 ·
前端
| 1星期前 |
197浏览
收藏
-
