CSS 相对居中

使用 CSS 实现元素相对居中的方法。

全部前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)

2023年3月2日

Mt.r

|

需求

css 实现相对居中

实现

.element {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

CSS 固定宽高比

CSS 实现固定宽高比的多种方法，包括使用 `aspect-ratio` 属性和通过 padding-bottom 技巧实现。

JS 的一些十六进制操作

JavaScript 中十六进制与十进制、二进制之间的转换，以及十六进制颜色代码与 RGB 之间的转换，包含多种实现方法和示例代码。