CSS里的按鍵屬性(text-align)可以控制文本在盒子中的水平位置。它的屬性值可以有4個:
text-align: left; // 文本在盒子內左對齊 text-align: center; // 文本在盒子內居中對齊 text-align: right; // 文本在盒子內右對齊 text-align: justify; // 文本在盒子內兩端對齊
首先是左對齊。這個比較常用,它可以讓文本靠盒子的左側排列,看起來更整齊。
.box { text-align: left; }
然后是居中對齊。如果你需要對一段文本做強調,或者讓它與其他元素對齊,那么居中對齊會非常有用。
.box { text-align: center; }
接下來是右對齊。跟左對齊類似,右對齊也非常常用,可以讓文本靠盒子的右側排列,看起來更整齊。
.box { text-align: right; }
最后是兩端對齊。兩端對齊會把文本在盒子內自動分布,讓它們兩端對齊,并且自動斷行。這個屬性在排版中使用較多。
.box { text-align: justify; }
以上就是CSS按鍵屬性中水平位置屬性的簡單介紹。
上一篇css捕捉的元素輸出
下一篇ajax執行script