在前端開發中,CSS(層疊樣式表)被用來控制網頁的外觀和布局。CSS 不僅可以控制字體、顏色、背景等基本元素的樣式,也可以控制文本的對齊方式、高度和寬度等。在 CSS 中,最基本的樣式屬性之一就是 text-align 屬性,用于控制文本在元素內的對齊方式。默認情況下,文本在元素內居中對齊,但是我們可以使用 text-align 屬性將其對齊到左側。
以下是一個例子,包含一些段落和代碼塊。我們將使用 p 標簽表示段落,使用 pre 標簽表示代碼塊,并將所有文本對齊到左側:
在 CSS 中,text-align 屬性用于控制文本在元素內的對齊方式。默認情況下,文本在元素內居中對齊,但我們可以使用該屬性將其對齊到左側。
code { font-family: monospace; } body { text-align: left; }
上述代碼塊中,我們使用了 pre 標簽將 CSS 代碼塊包裹起來,并使用了 text-align 屬性將整個頁面的文本對齊到左側。
如此一來,該頁面中的所有文本,包括段落和代碼塊,都被左對齊。這是一個簡單但常用的樣式技巧,可用于控制網頁的布局和排版。