Next主题下字符超出表格

发表于   |   分类于   |  

简介

Hexo 的Next主题加载markdown格式的表格，如果字符过长会超过表格区域

修改办法:

修改配置:themes/next/source/css/_common/scaffolding/tables.styl 文件

在table样式下增加:word-break: break-all;

即:

1
2
3
4
5
6
7
8
9
10
11
table {
  margin: 20px 0;
  width: $table-width;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid $table-border-color;
  font-size: $table-font-size;
  table-layout: fixed;
  word-wrap: break-all;
  word-break: break-all;
}