CSS的text屬性可以控制文本在元素中的對齊方式,包括水平對齊和垂直對齊兩種。
/* 水平對齊 */ text-align: left; /* 左對齊 */ text-align: center; /* 居中對齊 */ text-align: right; /* 右對齊 */ text-align: justify; /* 兩端對齊 */ /* 垂直對齊 */ line-height: 100px; /* 垂直居中 */ vertical-align: top; /* 文字頂部對齊 */ vertical-align: middle;/* 文字中部對齊 */ vertical-align: bottom;/* 文字底部對齊 */
水平對齊的屬性可以應(yīng)用于塊狀元素和行內(nèi)元素,垂直對齊的屬性只能應(yīng)用于行內(nèi)元素。
當(dāng)使用兩端對齊時(shí),瀏覽器會(huì)自動(dòng)在每一行末尾加上空格,使每行文字長度相等。
當(dāng)使用垂直居中時(shí),需要設(shè)置元素的高度和line-height值相等,才能實(shí)現(xiàn)垂直居中效果。
可以同時(shí)使用水平對齊和垂直對齊屬性控制文本在元素中的位置。
下一篇vue的日期用法