在網頁設計中,常常需要對文本進行排版處理,其中,換行與左對齊是排版的兩個常用操作。在CSS中,我們可以使用一些屬性來實現換行和左對齊的效果。
換行: white-space:pre-wrap; 或 white-space:pre-line; 左對齊: text-align:left;
其中,white-space
屬性用于設置元素中文本的空白處如何處理。這個屬性可以有以下幾個值:
normal
(默認值):連續的空白會被縮減為一個空格,換行符被視為空格。nowrap
:不換行,過長的文本會溢出元素外部。pre
:保留所有空格和換行符,在文本中的位置都會被保留,但是過多的空格會被合并為一個空格。pre-wrap
:保留所有空格和換行符,在文本中的位置都會被保留,過多的空格和換行符都會被保留。pre-line
:合并連續的空格和換行符,只保留一個空格和一個換行符。
而text-align
屬性用于設置元素中文本的水平對齊方式,有以下幾個值:
left
(默認值):文本左對齊。right
:文本右對齊。center
:文本居中對齊。justify
:文本兩端對齊。
因此,我們可以使用如下代碼來實現文本換行和左對齊的效果:
p { white-space:pre-wrap; text-align:left; }
以上代碼的意思是將所有
標簽中的文本進行換行并左對齊。當然,也可以只使用其中一項屬性,只進行文本換行或者只進行文本左對齊。
上一篇搜索欄css3