CSS 段落首尾對齊
CSS 是一種用于樣式表編寫的編程語言,它提供了一組用于排版和樣式表控制的語法和屬性。在 CSS 中,段落首尾對齊是一種常見的排版技術,它可以使段落中的文本在開頭和結尾處對齊。
CSS 段落首尾對齊的語法和屬性如下:
CSS 段落首尾對齊的語法:
```css
text-align: center;
這個語法創建一個段落對象,并使用 `text-align: center` 屬性將其對齊到中心位置。如果只想對段落的開頭和結尾使用此屬性,可以將 `text-align` 屬性值更改為 `right` 或 `left`,以使文本在結尾處對齊到右側或左側。
CSS 段落首尾對齊的屬性:
```css
text-align: center;
justify-content: center;
align-items: center;
這些屬性都可以用來控制段落的對齊方式。其中,`text-align` 屬性控制段落的對齊方式,而 `justify-content` 和 `align-items` 屬性控制段落的兩端對齊方式。
下面是一個簡單的例子,演示了如何使用 CSS 段落首尾對齊:
HTML 代碼:
```html
<p>這是一個段落。</p>
<p>另一個段落。</p>
<p>再另一個段落。</p>
CSS 代碼:
```css
text-align: center;
輸出結果:
這是一個段落。
另一個段落。
再另一個段落。
在這個例子中,第一個段落被居中對齊,而第二個段落和第三個段落被分別對齊到左右兩端。
上一篇css 文字右到左顯示
下一篇半透明底邊 css