入门 CSS 时间线 TimelineItem-Break
Primer CSS是使用 GitHub 的设计系统创建的 Github 上的开源项目。我们可以通过 npm 安装 Primer CSS 或在我们的 HTML 文件中包含 CDN 链接来使用它。它具有不同类型的样式,例如间距、颜色和排版。
Primer CSS Timeline用于在垂直方向显示项目。 Primer CSS TimelineItem-Break用于在时间线中创建水平断线。
在本文中,我们将讨论 Primer CSS TimelineItem-Break。
入门 CSS TimelineItem-Break 类:
- TimelineItem-break:该类用于在时间线中创建水平断线。
句法:
...
...
示例 1:以下示例演示了 Primer CSS TimelineItem-Break。
HTML
GeeksforGeeks
Primer CSS TimelineItem-Break
GeeksforGeeks TimelineItem-Break
GeeksforGeeks TimelineItem-Break
HTML
GeeksforGeeks
Primer CSS TimelineItem-Break
GFG TimelineItem-Break
GFG TimelineItem-Break
GFG TimelineItem-Break
输出:
示例 2:以下示例演示了 Primer CSS TimelineItem-Break。
HTML
GeeksforGeeks
Primer CSS TimelineItem-Break
GFG TimelineItem-Break
GFG TimelineItem-Break
GFG TimelineItem-Break
输出:
参考: https://primer.style/css/components/timeline#timelineitem-break