CSS中多个文字中间加分号

Posted 程序员劝退师-TAO

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS中多个文字中间加分号相关的知识,希望对你有一定的参考价值。

前言

这是一个关于格局的文章,过去我们要是想做到下面这种效果

那都不用脑子想要么在js代码中循环加上、拼装好加分号后整体渲染,要么在html标签中v-for循环控制渲染,那么为什么文章开头是说这篇文章是关于格局的文章呢,原因如下!

技巧

我们可以使用css来控制这个分号、代码很简单的,item_group_oth_value_text就是显示文本的item

.item_group_oth_value_text+.item_group_oth_value_text::before
	content: '、';
 

JS代码中什么时候需要加分号?

分号到底该不该加

今天在写代码时用解构写了一段代码

var a = 2
var b = 3
[a, b] = [b, a]
console.log(a)
console.log(b)

然而结果却出现了奇怪的错误了
没有想我想象中a, b交换数值
在网上查了一会,发现原来是第二行后面分号没有加导致的错误

如果不喜欢带分号的话或者搞不清什么时候必须加分号
记得在以 “(“、”[“、“`” 、”/“、”+”、”-“ 开头的语句前面都加上一个分号

以上是关于CSS中多个文字中间加分号的主要内容,如果未能解决你的问题,请参考以下文章

HTML+CSS:三种css的引入方式,内链式嵌入式外部式

前端——CSS笔记

java-web前端 CSS

Web前端——CSS最常用样式列表总结

Css+Div布局时如何在文字中插入空格?

纯 CSS 实现多行文字截断