自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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关注的人

提示
确定要删除当前文章?
取消 删除