css基礎知識 文字框溢位內容以省略號顯示

2021-09-24 13:18:46 字數 415 閱讀 3129

一、單行文字框溢位內容以省略號顯示

overflow: hidden; 

text-overflow:ellipsis;

white-space: nowrap;

二、多行文字框溢位內容以省略號顯示

overflow: hidden; 

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

-webkit-line-clamp: 3; 表示如果文字內容超出三行則在第三行末尾以省略號顯示

補充一點內容文字首行縮排

text-indent: 2em

CSS部分基礎知識內容

css 外部樣式表rel stylesheet href css 外部樣式表.css type texts rel 當前關聯的檔案型別 stylesheet 樣式表 href css檔案的路徑 type 檔案型別 預設就是css檔案型別 css語法 選擇器 樣式表的權重 優先順序 樣式表的選擇 選擇...

css基礎知識筆記 font文字排版

font文字排版 1.font family設定字型 yahei 2.font size設定字型大小 10px 3.font weight設定粗體 bold 4.font style設定文字傾斜 normal 預設正常 italic oblique 傾斜 4.text decoration設定字型裝...

CSS基礎知識介紹 通過CSS控制文字樣式

定義文字顏色通過css設定字型 font family font variantfont family font size font variant 設定字型的變形 font weight font style 3.字型粗細與斜體 font weight font style font weight...