此问题在此处已有答案：
Responsive Separator for Horizontal List（5个答案）
2天前关闭。
我有一个字云类的设计，我期待编码，但挣扎在如何让它如何工作，我喜欢。
Word 1 • Word 2 • Word 3 • Word 4
Word 5 • Word 6 • Word 7
Word 8 • Word 9 • Word 10 • Word 11您可以看到，当项目不是最后一行时，点仅出现在项目之后。
这将是动态的，我将不知道一行上有多少个单词，这将取决于单词的长度。
第一次
这是我目前所拥有的，但无法想出一种方法来隐藏每行最后一项后的点。
1条答案
按热度按时间daupos2t1#
使用：nth-child（n）选择器就可以做到这一点，因此
:nth-child(n)选择器匹配父元素的第n个子元素。这里我添加了
.word-cloud span:nth-child(4n)，它意味着每隔4个span元素，它是类名为word-cloud的元素的子元素。现在，根据您的情况，您可以更改属性中的数字，以匹配行中的单词数。要了解更多信息，您可以查看here。希望能有所帮助。
第一个