语义 UI 占位符行内容
Semantic UI 是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。 Semantic UI Placeholder 为我们提供了 4 种类型的内容——行、标题、段落和图像。
在本文中,我们将了解语义 UI 占位符行内容。使用语义 UI 占位符行内容,因此占位符可以包含多行文本
Semantic-UI 占位符行内容类:
- line:该类用于创建行作为占位符。
句法:
...
下面的示例说明了语义 UI 占位符行内容:
示例 1:在此示例中,我们将放置两行占位符。
HTML
Geeksforgeeks
Semantic-UI Step Stackable Content
Placeholde Lines Content:
HTML
Geeksforgeeks
Semantic-UI Step Stackable Content
Placeholde Lines Content:
输出:
示例 2:在这个示例中,我们将使用多行占位符,注意一件事,如果我们使用 br 标签,那么该行将成为一个段落,看起来就像一个节被放置为一个占位符。
HTML
Geeksforgeeks
Semantic-UI Step Stackable Content
Placeholde Lines Content:
输出:
参考: https ://semantic-ui.com/elements/placeholder.html#lines