简书 markdown 表格的宽度调整

简书 markdown 表格宽度总是按照单元格里面文字多少分配宽度,测试了很多方法,只发现这个方法在简书里面有效,其他的方法,例如 img、div、css 还是 table 什么的,在简书里面测试都无效。

表格里面只需要任意一行文字当中想扩宽的单元格填充 “ ” 就可以了,其他行都不用处理。

普通的表格文字少的窄,文字多的宽:

标题1 | 标题2 | 标题3
- | :-: | -:
左 | 居中的文字 | 靠右的文字
a | b | c
1 | 2 | 3

效果如下:

标题1 标题2 标题3
居中的文字 靠右的文字
a b c
1 2 3

让文字少的第一列宽一些:

标题1 | 标题2 | 标题3
- | :-: | -:
左                                 | 居中的文字 | 靠右的文字
a | b | c
1 | 2 | 3

效果如下:

标题1 标题2 标题3
左                                 居中的文字 靠右的文字
a b c
1 2 3

让文字少的第一列宽一些,并且居中:

标题1 | 标题2 | 标题3
:-: | :-: | -:
                中                 | 居中的文字 | 靠右的文字
a | b | c
1 | 2 | 3

效果如下:

标题1 标题2 标题3
                中                 居中的文字 靠右的文字
a b c
1 2 3

让文字少的第一列宽一些,并且靠右:

标题1 | 标题2 | 标题3
-: | :-: | -:
                                右 | 居中的文字 | 靠右的文字
a | b | c
1 | 2 | 3

效果如下:

标题1 标题2 标题3
                                右 居中的文字 靠右的文字
a b c
1 2 3

含有长篇文字的表格

标题1 | 标题2
- | -
短篇内容 | 这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容
内容1 | 内容2
a | b
1 | 2

效果如下:

标题1 标题2
短篇内容 这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容
内容1 内容2
a b
1 2

让第一列宽一些:

标题1 | 标题2
- | -
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br>短篇内容 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | 这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容
内容1 | 内容2
a | b
1 | 2

效果如下:

标题1 标题2
                                 
短篇内容                                    
这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容
内容1 内容2
a b
1 2

让第一列宽一些,并且居中:

标题1 | 标题2
:-: | -
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <br>短篇内容<br> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; | 这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容
内容1 | 内容2
a | b
1 | 2

效果如下:

标题1 标题2
                                     
短篇内容
                                     
这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容,这是长篇内容
内容1 内容2
a b
1 2
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一,HTML语言的一般语法: 1,围堵标记:<>… 1)带属性的标记: … 2)无属性的标记:加粗 居中 标题 2...
    清水易蓝阅读 5,110评论 0 2
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 5,577评论 0 6
  • 撰文丨大胯 阅读提示 如果你现在内心浮躁,请关闭这篇文章; 精简的文字虽好,但大多无用,且无可操作性,跟没学并无二...
    奔跑的大胯阅读 7,243评论 0 3
  • 机场就是相逢和离别的时候,该离别的时候还是要离别。
    aca78a930d97阅读 1,346评论 0 0
  • 这个故事发生在我的身边,算是我的身上,虽然彼此,我还很小。 98年的那个春节,其实我没有目睹那件事发生的过程,因为...
    晴子的废话阅读 1,855评论 0 0

友情链接更多精彩内容