做为一个伪前端都要懂的 style属性

style属性

css属性

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

1. 纯css控制文字显示多余部分隐藏 ，将会带来全新的写作体验；
2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
4. 全新的 KaTeX数学公式 语法；
5. 增加了支持甘特图的mermaid语法¹ 功能；
6. 增加了 多屏幕编辑 Markdown文章功能；
7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
8. 增加了 检查列表 功能。

控制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语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

如何插入一段漂亮的代码片

---

1. mermaid语法说明 ↩︎