CSS中有很多帶text的屬性,包括text-align、text-decoration、text-indent、text-overflow等,下面我們一一介紹:
/* 居中顯示文字 */ text-align: center; /* 為文字添加下劃線 */ text-decoration: underline; /* 縮進文字 */ text-indent: 2em; /* 當文字溢出容器時,用...代替 */ text-overflow: ellipsis;
text-align屬性用于控制文本的對齊方式,包括left(左對齊)、right(右對齊)、center(居中對齊)和justify(對齊兩端)。可以應用于塊級元素和表格單元格。
text-decoration屬性用于為文本添加下劃線、刪除線、上劃線等修飾線,下劃線是最常用的一個。可以應用于鏈接、段落等元素。
text-indent屬性用于設置文本的首行縮進,可以用像素、em等單位,也可以使用百分比。可以應用于段落、列表等元素。
text-overflow屬性用于控制文本超出容器時的顯示方式,如果超出就用...代替。可以應用于塊級元素、inline-block元素和表格單元格。
以上這些屬性都可以與其他CSS屬性一起使用,實現更多的文本效果。例如,可以將text-decoration和text-overflow屬性結合使用,讓超鏈接在超出容器時顯示...并沒有下劃線。
上一篇css中左內邊距
下一篇css中屬于盒子屬性的是