CSS文本對(duì)齊方式代碼怎么寫

在CSS中，文本對(duì)齊是一個(gè)常見的需求，根據(jù)文本內(nèi)容的不同，我們可以選擇不同的對(duì)齊方式，如左對(duì)齊、右對(duì)齊、居中對(duì)齊等，下面是一些示例代碼，幫助你更好地理解和實(shí)現(xiàn)CSS文本對(duì)齊。

1、左對(duì)齊

在CSS中，左對(duì)齊是***簡(jiǎn)單的對(duì)齊方式，我們可以使用text-align屬性將文本內(nèi)容左對(duì)齊。

p {
  text-align: left;
}

2、右對(duì)齊

與左對(duì)齊相反，右對(duì)齊是將文本內(nèi)容向右對(duì)齊，同樣地，我們可以使用text-align屬性來實(shí)現(xiàn)。

p {
  text-align: right;
}

3、居中對(duì)齊

居中對(duì)齊是將文本內(nèi)容居中顯示，在CSS中，我們可以使用text-align屬性將文本內(nèi)容居中。

p {
  text-align: center;
}

4、兩端對(duì)齊

兩端對(duì)齊是將文本內(nèi)容在兩端對(duì)齊，中間部分可以自動(dòng)填充，在CSS中，我們可以使用text-align屬性將文本內(nèi)容兩端對(duì)齊。

p {
  text-align: justify;
}

需要注意的是，text-align屬性僅適用于塊級(jí)元素，如段落（p（h1h6）、列表（ul、ol、li）等，對(duì)于行內(nèi)元素（如span），我們需要使用其他方法來實(shí)現(xiàn)對(duì)齊。