在CSS中,我們可以通過設置文本區域(textarea)的屬性來實現文本的對齊方式。下面我們來一一介紹。
左對齊(text-align: left;)
當我們設置文本區域的text-align屬性為left時,文本的起始位置會靠左對齊,如下所示:
pre {
text-align: left;
}右對齊(text-align: right;)
同理,當我們將文本區域的text-align屬性設置為right時,文本的起始位置會靠右對齊,如下所示:
pre {
text-align: right;
}居中對齊(text-align: center;)
如果我們將文本區域的text-align屬性設置為center,文本的起始位置會相對于文本區域水平居中對齊,如下所示:
pre {
text-align: center;
}兩端對齊(text-align: justify;)
最后一種方式為兩端對齊,當我們將文本區域的text-align屬性設置為justify時,文本會自動填充滿整個文本區域,從而形成兩端對齊的效果,如下所示:
pre {
text-align: justify;
}以上便是CSS中實現文本區域對齊方式的方法,你可以根據需要選擇其中的一種或多種來應用于你的頁面。
網站導航
- zblogPHP模板zbpkf
- zblog免費模板zblogfree
- zblog模板學習zblogxuexi
- zblogPHP仿站zbpfang