当前位置: 首页 > 工具软件 > ngx-markdown > 使用案例 >

markdown中的表格的样式控制

能翔宇
2023-12-01

遇到过这个需求,然后经历了一番搜索和尝试,基本解决了问题。

示例:

基本表格代码:

|第一列|第二列|第三列|
|-|-|-|
|111|222|333|
|111111111111111111111111111|22222222222222222222222222222222222222222222|3333333333333333333333333333333|

表格样式

第一列第二列第三列
111222333
111111111111111111111111111222222222222222222222222222222222222222222223333333333333333333333333333333

1. 左右对齐

通过 :- 和 :-: 和-: 分别实现左中右对齐。

|第一列|第二列|第三列|
|:-|:-:|-:|
|111|222|333|
|111111111111111111111111111|22222222222222222222222222222222222222222222|3333333333333333333333333333333|

实际效果

第一列第二列第三列
111222333
111111111111111111111111111222222222222222222222222222222222222222222223333333333333333333333333333333

2.其他样式,如换行,斜体等

这里就需要一定的html+css知识,但对于用markdown的人来说,应该都不是问题。
表格中如果想换行,直接在正文中插入<br/>标签

|第一列|第二列|第三列|
|-|-|-|
|11<br/>1|222|333|

效果如下:

第一列第二列第三列
11
1
222333

那么,触类旁通,也可将某些正文内容包裹在其他html标签中,如<i>标签中,使之斜体,包裹在<b>标签中使之粗体等,具体不多说。

 类似资料: