- Java锁的逻辑(结合对象头和ObjectMonitor)
- 还在用饼状图?来瞧瞧这些炫酷的百分比可视化新图形(附代码实现)⛵
- 自动注册实体类到EntityFrameworkCore上下文,并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
我在使用Markdown整理文档的时候发现,Markdown本身对文本格式的排版很单一,只有编号、字体加粗、固定标题格式等一些基础的排版,使用不够灵活,好在Markdown中可以使用HTML,所以我利用HTML增加了一些板块,方便对文档进行标注或者分层整理.
功能描述 :在不同位置插入图片作为重点标注.
实现效果 :
<img align = "left" src="https://img2023.cnblogs.com/blog/2843096/202303/2843096-20230315122541872-818598143.png" width="38" height="30">
1、 标记 :可以使用不同的图片进行标记。那么这些图片怎么来呢,首先搜索你想要的图片,例如搜索“紫色五角星图片”,然后复制图片到word文档中插入,点击图片格式,删除图片背景后处理成你想要的样子,最后在md中插入图片调整图片的位置和大小.
2、 存放图片 :例如在用md写的简历中插入证件照,只需将代码修改成如下形式:
<img align = "right" src="这里输入图片地址" width="114" height="100">
3、 文字围绕图片 :通过HTML可以设置图片的位置和大小。实际应用效果如下:
输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本 。
输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本 。
有时候想用横线划分一下内容的层次,发现md中横线与文字间的间距过大,且为固定不可调整。利用HTML可以调整横线的宽度、颜色以及与文字的间距.
<div>
<div style="width:100%;height:4px;background:#a79d91;padding:0px 0px 0px 0px;"></div>
<div style="margin-top:0.3%;font-size: 23px;color:#a79d91;font-family:'微软雅黑';font-weight:500;">项目</div>
<div title="第一段">
<span style="font-size:18px;color:#dbd0bf;font-family:'微软雅黑';font-weight:400;">第一段输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本</span>
</div>
<div title="第二段">
<span style="font-size:14px;color:#8b8d8e;font-family:'微软雅黑';font-weight:400;">第二段输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本</span>
</div>
</div>
1、 添加线上或者线下的文字 :示例中给出的是线下添加文字,实际上既可以线上又可以线下添加文字,例如这样:
2、 单独添加横线 :也可以单独添加一条横线,用于隔开模块与模块之间的内容.
用横线分隔开后,整体的排版更清晰,模块间的边界感更舒服,内容层次一目了然,有助于阅读和理解.
文字始终在横线中间,并且文字和横线的样式都可以调整.
<div style="width: 100%;height:4px;position: relative;background-color: #a79d91;margin: 2% 0 2% 0;text-align:center;">
<span style="display:inline-block;background-color: #FFF;padding: 0 20px;color: #303133;transform: translateY(-50%);font-size: 23px;">我是中间的文字,无论如何始终在中间 </span>
</div>
1、 段落标题 :适合放在段落中标题的部分.
2、 分隔符 :或者作为分隔符放在段与段之间。效果如下:
输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本 。
(1)输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本 。
(2)输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本 。
在同一行中的右侧添加一段文字,并且文字样式可调整.
<h3><a class="md-header-anchor"></a>
<span>项目名称</span>
<span style="display:inline-block;position: absolute;right:0;color:red;font-size:18px;font-weight:540;line-height:2.2rem;">2020-2023</span>
</h3>
应用在段落标题中:右边的文字可以起补充说明的作用,代替以往补充说明常用的“()”,这样整体排版也很对称.
一个可以调整样式的外框,里面可以输入可调整样式的文本.
比如在这样的样式中,添加一个方框会显得内容非常有条理,我时常会用md中的代码块替代方框,但是代码块中编辑的文字不可以调整样式,所以做了下面的方框,既可以调整方框的样式又可以调整里面文字的样式.
这是代码框 :
输入内容不可以调整样式
这是HTML写的方框 :
第一段输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本第二段输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本代码解释:padding:上右下左(间距);front-size: 字号.
<div style="width:100%;min-height:100px;background:#f8f8f8;border: 1px solid #e7eaed;" contenteditable="true">
<div title="第一段">
<span style="font-size:18px;color:#dbd0bf;font-family:'微软雅黑';font-weight:400;">第一段输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本</span>
</div>
<div title="第二段">
<span style="font-size:14px;color:#8b8d8e;font-family:'微软雅黑';font-weight:400;">第二段输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本输入文本</span>
</div>
</div>
md中对表格的处理很单一,只能进行简单的行、列删除和新增,表格中的文字也只有左、右、居中的格式调整,像是常用的合并单元格的操作就需要使用HTML来处理.
类型 | 类别 | 函数名 | 描述 |
---|---|---|---|
取整 | |||
向下 | |||
floor(expr) | 返回小于expr的最大整数 | ||
向上 | |||
ceil(expr) | 返回大于expr的最小整数 | ||
ceiling(expr) | 返回大于expr的最小整数 | ||
四舍五入 | |||
round(expr) | 四舍五入取整,后面没有num默认取整 | ||
round(expr,num) | 四舍五入取整,num为0表示取整 | ||
不四舍五入 | |||
truncate(expr,num) | 不四舍五入取整,num为0表示取整 | ||
取小数 | |||
四舍五入 | |||
round(expr,num) | 四舍五入取小数,num指取几位小数 | ||
不四舍五入 | |||
truncate(expr,num) | 不四舍五入取小数,num指取几位小数 | ||
round(floor(expr*temp)/temp,num) | 其中temp=10^num,num指取几位小数 | ||
这是列合并 | 第四列 |
<table>
<tr>
<th>类型</th>
<th>类别</th>
<th>函数名</th>
<th>描述</th>
</tr>
<tr>
<td rowspan = '11'>取整(这是行合并)
</td>
</tr>
<tr>
<td rowspan = '2'>向下
</td>
</tr>
<tr>
<td>floor(expr)</td>
<td>返回小于expr的最大整数</td>
</tr>
<tr>
<td rowspan = '3'>向上
</td>
</tr>
<tr>
<td>ceil(expr)</td>
<td>返回大于expr的最小整数</td>
</tr>
<tr>
<td>ceiling(expr)</td>
<td>返回大于expr的最小整数</td>
</tr>
<tr>
<td rowspan = '3'>四舍五入
</td>
</tr>
<tr>
<td>round(expr)</td>
<td>四舍五入取整,后面没有num默认取整</td>
</tr>
<tr>
<td>round(expr,num)</td>
<td>四舍五入取整,num为0表示取整</td>
</tr>
<tr>
<td rowspan = '2'>不四舍五入
</td>
</tr>
<tr>
<td>truncate(expr,num)</td>
<td>不四舍五入取整,num为0表示取整</td>
</tr>
<tr>
<td rowspan = '7'>取小数
</td>
</tr>
<tr>
<td rowspan = '2'>四舍五入
</td>
</tr>
<tr>
<td>round(expr,num)</td>
<td>四舍五入取小数,num指取几位小数</td>
</tr>
<tr>
<td rowspan = '4'>不四舍五入
</td>
</tr>
<tr>
<td>truncate(expr,num)</td>
<td>不四舍五入取小数,num指取几位小数</td>
<tr>
<tr>
<td>round(floor(expr*temp)/temp,num)</td>
<td>其中temp=10^num,num指取几位小数</td>
<tr>
<tr>
<td colspan = '3'>这是列合并</td>
<td>第四列</td>
</tr>
</table>
注 :文章中具体且完整的应用,会在后续文章中给出.
最后此篇关于Markdown利用HTML进行优雅排版的文章就讲到这里了,如果你想了解更多关于Markdown利用HTML进行优雅排版的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
这是我的代码片段:http://www.share-elm.com/sprout/53d242e2e4b07afa6f9834a2灵感来自 elm-lang.org 的 example . main
抱歉,如果这个问题有点基础,但互联网上的研究并没有得出任何合理的答案。我希望能够在我的网站上运行 markdown,类似于 github 所拥有的(编辑/预览设置)或实际上与 stackoverflo
我正在使用 markdown 编写文档,我正在使用 pandoc 将其导出为 PDF。在文档的末尾,我需要在 PDF 的打印副本上留出签名空间。 我试图找到如何绘制一条固定宽度的线,但到目前为止我只需
我已经搜索过谷歌和 SO,不知道 SO 是否是问这个的地方,但我想知道是否有标记可以为 Markdown 做某种类型的注释?我们在 Markdown 中为我们的项目做文档,并希望在不更改内容的情况下在
我想使用简单的文本编辑器和 Markdown 做类笔记。有没有办法标记文本元素以使其机器可读? 例如,我想将某些单词和短语标记为“定义”。然后,我可以运行某种脚本来显示单词及其相应的定义。 最佳答案
我有两个markdown文件:一个parent.md和child.md。 所以parent.md: # Main section ## sub-section 我想引用## sub-section中的
我需要在 Markdown 中创建一个类似嵌套的表,如下所示: 我怎样才能做到这一点? 最佳答案 @Waylan 是对的,您可以将 HTML(例如使用 Markdown 生成的表格)粘贴到 Markd
有没有办法在 Github markdown 的代码片段中链接表单? 例如:`I want THIS to be a link`哪里THIS看起来像 THIS . 最佳答案 我想通过 Markdown
我正在 Github 风格的 Markdown 中整理一些文档,并且我想整理一个有两行的表格。一种是简单的文本,另一种是 json 代码块。这是一个例子。 | Status | Response |
使用 GitHub 上“Markdown Cheatsheet ”中的表示例,您会得到以下结果: | Tables | Are | Cool | | -------
我对 Markdown 中的引号有疑问。当我有这样的事情时: text > quoted text > > deeper layer > > > even deeper
我正在寻找与 Markdown 中的多行代码功能等效的引号。对于代码块我可以方便地编写: ``` this is a code example ``` 有谁知道下面的事情是否可能? >>>
我想在 Markdown 中创建一个列表,但没有项目符号点。这可能吗? 到目前为止,我发现唯一推荐的方法是使用 HTML,我想避免使用 HTML。 最佳答案 这听起来似乎很明显,但是......您可以
我想编写一份编码标准规范文档,其中包含好和坏编码示例。每条规则都应该有一个编号、描述和示例。 例如,这是规则 1: # Rule 1 Description for rule 1. ## Good `
可以关注Marked library documentation并内联渲染一个 Markdown 字符串。这是一个有效的代码片段。 document.getElementById
据我所知,markdown 是 html 的“简化”版本。它易于使用和阅读。但我在创建输入表单时遇到了问题。 有人可以建议是否有任何方法可以在 Markdown 中添加 html 输入表单元素吗?我搜
如何在 Markdown 解析文档中包含小书签?是否有任何 Markdown 的“标签”基本上是说“不要解析这个”?? 例如,您可以有类似的内容: Hello 但是如果我尝试将其中的 JavaScri
可以关注Marked library documentation并内联渲染一个 Markdown 字符串。这是一个有效的代码片段。 document.getElementById
我想编写一个 R Markdown 文档,其中提供了如何编写 R Markdown 文档的代码示例。例如,我想在文档中展示如何将文本呈现为粗体。 `**this is bold**` will ren
我目前正在使用 GitHub 页面构建一个网站,并尝试利用一些 GitHub 风格的 Markdown 功能。特别隔离的代码块和表。 使用 redcarpet,我得到语法突出显示的围栏 block ,
我是一名优秀的程序员,十分优秀!