CSS 控制文字最后兩個字,可以通過以下方式來實現:
/* 選擇要控制的元素 */ p { /* 通過偽元素 :after 來添加一個元素 */ content: ""; /* 設置該元素的寬度,使其只占據兩個字符的寬度 */ width: 2ch; /* 設置該元素的樣式,這里使用紅色及加粗樣式 */ color: red; font-weight: bold; /* 通過 margin-left 來將該元素位置移動到最后兩個字符的位置 */ margin-left: -2ch; }
以上代碼將在每個使用 p 標簽的元素后面添加一個空的偽元素,并通過樣式設置該元素的大小和樣式,再通過負的 margin-left 屬性將該元素位置移動到最后兩個字符的位置,從而達到控制文字最后兩個字的目的。
需要注意的是,這種方式只適用于單行文本,如果需要控制多行文本最后兩個字,可以考慮使用 JavaScript 或者其它方式實現。
上一篇css控制文字高度位置
下一篇css控制文本中間劃線