时间戳

首页 > 解决方案 > 该组件的名称是什么，如下图所示

angular - 该组件的名称是什么，如下图所示

问题描述

我正在创建一个 Angular 4 的组件，它在屏幕上显示具有随机位置的文本，但我不知道。请帮我！ 在此处输入图像描述

标签： angular

解决方案

创建标签云的基本思想是在 CSS 中使用nth-of-type并将其应用于您选择的li元素。使用随机表达式，如 (2n + 3)、(3n)、.. 等

例如：

.cloud li:nth-of-type(3n + 1) {
    font-size: 1.25em;
}
.cloud li:nth-of-type(4n+3) {
    font-size: 1.5em;
}

对于更快的方法，您可以使用现成的插件。您可以将它用于 Angular 应用程序

推荐阅读