markdown中用html和css强化显示

最新推荐文章于 2025-06-17 09:04:40 发布

原创最新推荐文章于 2025-06-17 09:04:40 发布 · 1.1w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#markdown #html #css #首行缩进

太少了不好分类的专栏收录该内容

4 篇文章

订阅专栏

本文介绍了使用Markdown在优快云等平台上编写中文博客时遇到的首行缩进难题及解决方法，包括利用CSS、HTML空格转义字符及输入法设置等技巧，并附带介绍了文本对齐的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文就是用优快云的markdown写的

首行缩进

markdown写中文博客，很蛋疼一点就是首行缩进。
打4个半角空格或用tab都不好使，根据使用平台，在显示上可能是变成插入片段了（优快云，该行前面没空行会忽略这些空格）。

1、用CSS

表示不一定好使，应该是需要编辑器同时支持md+css+html
我在本地用的编辑器里加上可以用，效果是每段都首行缩进了，优快云的不行。

示例

<head>  
<title>缩进2字符</title>  
<style type="text/css">  
p{ text-indent:2em;}  
</style>  
</head>  
<body>  
<p>
善良是你的本性，漂亮是你的天性，聪明是你的优点，贤惠是你的资本，温柔是你的标志，真诚是你的品格，妇女节，提前祝你开心幸福，年轻美丽一辈子！
</p>  

<p>
温暖三月，春回大地，阳光明媚，绿草青青，整理好思绪，收拾好心情，感受美好生活，品味妇女节精彩，女人就是要对自己好点，节日快乐，祝你永远年轻！
</p>  
</body>

2、用html空格的转义字符

用html的空格，包括

&ensp;&emsp; &thinsp; &zwnj;&zwj;

一般用两个&emsp;比较方便，即两个全角的空格
详细区别可查看本链接
效果如下：
显示效果+显示效果+显示效果

3、输入法设置

可以在输入法中，给全角和半角加上快捷键，需要缩进的地方输入两个全角空格，显示效果也是首行缩进2个字符。但我觉得这种写法不是很好，主要我感觉切输入法太麻烦了。

文本对齐发送

1、html

写法：

<center>居中</center>
<div align="center">
  居中
</div>
<div align="left">
  左对齐
</div>
<div align="right">
  右对齐
</div>

注：在 HTML 4.01 中，不赞成使用 div 元素的 align 属性；在 XHTML 1.0 Strict DTD 中，不支持 div 元素的 align 属性。
请使用 CSS 代替。
CSS 语法：

<div style="text-align:center"></div>