CSS高階(十九)文字控制

2022-04-29 12:42:12 字數 903 閱讀 3324

text-indent

應用(1)使用 text-indent 負值隱藏文字內容,例如**標頭

(2)使用text-indent的百分比值來實現寬度已知的內聯子元素居中

letter-spacing

應用(1)清除 inline-block 列表由於換行符或者空格產生的空白間隙,使我們的布局控制更精準

.box .list
(2)實現文字動畫

word-spacing

word-spacing 僅作用於空格字 符

word-break和word-wrap

white-space:nowrap應用

(1)包含快尺寸過小處理

(2)單行文字溢位點點點效果

(3)水平列表切換效果

text-align

text-align:justify 實現文字的兩端對齊

.justify
生效條件

(1)有分隔點,如空格

(2)超過一行,此時非最後一行內容會兩端對齊

佔位列表

佔位標籤的個數和列表的列數保持一致就可以

text-decoration

underline 下劃線 overline上劃線 line-through 中劃線

標籤text-decoration預設就是line-through

text-transform

應用(1)身份證輸入,最後一位

(2)驗證碼輸入

css 控制文字

css 文字屬性可定義文字的外觀。通過文字屬性,可以改變文字的顏色 字元間距,對齊文字,裝飾文字,對文字進行縮排,等等。l 基本屬性 屬性描述 示例color 設定文字顏色 color red background color 背景顏色 text align 對齊方式 text align cent...

CSS 文字控制

one more time one more chance.一歩重頭學前端,css入門。white space text overflow ellipsis word break,word wrap text align justify text decoration text transform ...

css控制文字排版

b 一 如何設定文字字型 顏色 大小 使用font b font style設定斜體,比如font style italic font weight設定文字粗細,比如font weight bold font size設定文字大小,比如font size 12px 或者9pt,不同單位顯示問題參考c...