CSS文本空兩格是指在文本之間增加兩個(gè)空格。這種效果可以通過CSS樣式表輕松實(shí)現(xiàn)。
p{ text-indent: 2em; }
在上面的代碼中,text-indent
屬性被設(shè)置為2em。此屬性指定文本的第一行縮進(jìn)2em(1em等于字體大小)。這將使文本空出兩個(gè)空格,并將其盡頭與其他行對(duì)齊。
例如,如果有一個(gè)段落的文本如下所示:
在 這里 有 四行 文本。
通過使用上述CSS樣式表,文本將會(huì)像下面這樣呈現(xiàn):
在 這里 有 四行 文本。
注意,這種效果可以應(yīng)用于文本塊的第一行。如果想要每一行都添加兩個(gè)空格,并且保持其他行之間的對(duì)齊,請(qǐng)使用text-align: justify;
屬性。
p{ text-align: justify; text-indent: 2em; white-space: normal; word-spacing: 2em; }
在上面的代碼中,text-indent
仍然是用來控制第一行的縮進(jìn)。與此同時(shí),white-space: normal
將忽略任何在HTML源代碼中定義的額外的空格。最后,word-spacing: 2em
設(shè)置所有單詞之間的空格為2em。這將在所有單詞之間添加兩個(gè)額外的空格,從而得到所需的效果。