做為乙個偽前端都要懂的 style屬性

2021-10-08 18:55:28 字數 1692 閱讀 2684

純css控制文字顯示多餘部分隱藏,將會帶來全新的寫作體驗;

在創作中心設定你喜愛的**高亮樣式,markdown將**片顯示選擇的高亮樣式進行展示;

全新的katex數學公式語法;

增加了支援甘特圖的mermaid語法1

功能;

增加了焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定等功能,功能按鈕位於編輯區域與預覽區域中間;

增加了檢查列表功能。

控制2行文字顯示多餘隱藏

更方便的是改變webkit-line-clamp的值還可以實現3、4、5等等多行文字顯示多餘隱藏的效果~

text-overflow

: -o-ellipsis-lastline;

overflow

: hidden;

text-overflow

: ellipsis;

display

: -webkit-box;

-webkit-line-clamp

: 2;

-webkit-box-orient

: vertical;

顯示一行多餘部分隱藏

white-space

: nowrap;

overflow

: hidden;

text-overflow

: ellipsis;

居中

display

:flex;

align-items

:center;

/*垂直居中*/

justify-content

: center;

/*水平居中*/

background

background

: #eef3f9;

background

:linear-gradient

(90deg,rgba

(0,231,170,1) 0%,rgba

(0,207,149,1) 51%,rgba

(1,201,141,1) 100%,rgba

(0,207,144,1) 100%)

;background

:linear-gradient

(to bottom, #484b5c, #5c6a78)

;

直接輸入1次#,並按下space後,將生成1級標題。

輸入2次#,並按下space後,將生成2級標題。

以此類推,我們支援6級標題。有助於使用toc語法後生成乙個完美的目錄。

強調文字

強調文字

加粗文字加粗文字

標記文字

刪除文字

引用文字

mermaid語法說明↩︎

乙個偽程式猿的自白

在一所文科是強項的學校讀計算機專業。為什麼會選擇這個專業,因為能夠選擇的專業中就這個順眼。有些事,現在都還沒有弄明白為什麼。2,同學都經常抱著資料結構看,而我認為日常程式中用不到資料結構,所以拒絕去看,即使看,也只是看排序和查詢。寧願去看設計模式。3,同學常說要讀外國的著作,而我喜歡讀國人寫的東西,...

乙個前端的愛情之路

說起這個話題我想大部分人的是很有同感的,每個程式設計師或多或少著有著這方面的煩惱,本身身處這個行業愛情就像是一葉扁舟。至少我經歷這個行業是因為愛情 說起來也是有點心酸,我和前女友是在高中時期的同學,在別人看來她不是很漂亮,也不是很合群,在班裡能說話就是那麼幾個,可是就在剛進入這個班集體的時候,我就發...

乙個思緒凌亂的前端

算算也是工作三年的前端了,可是發現自己的基礎依舊不紮實,難道是因為不是科班,難道是因為智商有限,說白了還是看得太少 實踐得太少。可又問自己,事實上某些js基礎用的確實不算多,例如閉包 原型鏈等等。然而這些問題,但凡出去面試過的人,面試官問的機率高達80 最近在晃蕩得太多,看了n多大牛的部落格,例如湯...