跳到主要内容

CSS Text Break Line Ellipsis

· 阅读需 6 分钟
Kimi Gao
Fullstack & AI

常用换行属性

在 CSS 中,处理文本过长自动换行的问题通常涉及到几个不同的属性,这些属性可以帮助你控制文本的显示方式,确保它们在容器内适当地换行。以下是一些关键的 CSS 属性,你可以用来管理文本换行:

  1. word-wrap (或 overflow-wrap): 这个属性可以设置为 break-word,允许单词在需要时可以被拆分换行,以避免文本溢出容器。

    word-wrap: break-word;

CSS Selector

· 阅读需 4 分钟
Kimi Gao
Fullstack & AI

CSS 选择器具有广泛的功能和用法,包括一些高级的技术和技巧。以下是一些 CSS 选择器的高级用法:

一般选择器

1. 组合选择器

  • 并集选择器(,):选择多个元素,使用逗号分隔它们。例如:h1, h2, h3 { color: blue; }
  • 后代选择器(空格):选择嵌套在另一个元素内部的元素。例如:div p { color: red; }

Intro to Canvas

· 阅读需 11 分钟
Kimi Gao
Fullstack & AI

画布尺寸

Canvas 有两种 widthheight

  1. 一种是 width、height 属性,一般称其为 画布尺寸,即图形绘制的地方。默认值分别为 300px、150px。

例如:

<canvas id="canvas" width="300" height="150"></canvas>
  1. 另一种是 CSS 样式里的 width、height 属性,可通过内联样式、内部样式表或外部样式表设置。一般称其为 画板尺寸,用于渲染绘制完成的图形。默认值为空。

Bezier Curves

· 阅读需 8 分钟
Kimi Gao
Fullstack & AI

The path element features quite a number of these commands. There are two that are relevant for our purposes:

  • Q, which instructs the path to create a quadratic Bézier curve.
  • C, which instructs the path to create a cubic Bézier curve.

Online practice site: https://bezier.method.ac