- 博客(5)
- 收藏
- 关注
原创 【CSS】object-fit、object-position 属性详解:控制图片视频的填充方式和位置
object-fit 和 object-position 是两个强大的 CSS 属性,结合使用时能帮助我们灵活地控制图片或视频在容器内的显示方式和位置。使用 object-fit 控制缩放和裁剪方式,object-position 控制裁剪或缩放后的内容位置。二者的组合能够在各种设计需求中提供极大的灵活性。在实际开发中,合理使用这两个属性可以使图像或视频在响应式布局中更加美观,提升用户体验。
2025-04-02 16:22:58
1035
原创 【VSCode中的Git操作】常用Git命令 & VSCode中如何使用GitLens快速进行(无命令行)版本控制
本文将介绍一些常用的 Git 命令,并展示如何通过GitLens插件在 VSCode 中实现这些 Git 操作,提升开发效率。
2025-01-21 15:38:09
3399
原创 详解white-space,以及解决微信小程序中文字溢出与省略号显示问题
单行文本溢出显示省略号:white-space: nowrap; /* 先强制一行内显示文本 */overflow: hidden; /* 超出的部分隐藏 */text-overflow: ellipsis; /* 超出的部分使用省略号代替 */
2025-01-21 11:18:28
1864
原创 【前端开发】简洁明了的类名命名规范,提升代码可读性
前端开发规范对于团队协作、代码可维护性、代码质量等方面至关重要。本篇文档将详细描述前端开发工作中应该遵循的开发规范,包括命名规范、代码风格、文件结构、注释规范等,并通过示例代码帮助理解和实践。
2025-01-11 16:31:45
707
原创 【CSS】transform实现图片水平/垂直翻转(适用于轮播图左右切换箭头)
使用transform属性的scaleX(-1)来实现水平翻转,最终只用一张图就能同时表示左箭头和右箭头,实现轮播图左右切换按钮。
2024-12-12 16:09:21
1039
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人