mPDF 嵌套列表样式
mPDF nested list styling
我正在将表格数据导出到 PDF 文件,其中一个单元格 is/can 是一个项目列表,每个项目本身都可能有一个子列表。
例如:
<td>
<ul>
<li>Parent Item text
<ul>
<li>Child Item text</li>
</ul>
</li>
</ul>
</td>
...
样式最少。
家长名单:
ul.parent-list {
/*list-style: disc outside;*/
list-style-type: disc; // just trying verbose styling
list-style-position: outside;
}
.parent-list > li {
margin-top: 5px;
}
.parent-list > li.first {
margin-top: 0;
}
ul.child-list {
/*list-style: circle outside;*/
list-style-type: circle;
list-style-position: outside;
margin-top: 0.5em;
}
CSS 通过单独的样式表馈送到 mPDF,尽管我也尝试使用内联样式解决此问题。
我想要出现的是典型的列表样式,列表项被填充,列表家具在外面:
我得到的是:
mPDF 中的嵌套列表是否存在问题?他们的文档根本没有提到列表的任何问题...
mPDF doesn't support block level elements within tables.
样式必须通过 span
元素上的内联样式来实现。
我正在将表格数据导出到 PDF 文件,其中一个单元格 is/can 是一个项目列表,每个项目本身都可能有一个子列表。
例如:
<td>
<ul>
<li>Parent Item text
<ul>
<li>Child Item text</li>
</ul>
</li>
</ul>
</td>
...
样式最少。
家长名单:
ul.parent-list {
/*list-style: disc outside;*/
list-style-type: disc; // just trying verbose styling
list-style-position: outside;
}
.parent-list > li {
margin-top: 5px;
}
.parent-list > li.first {
margin-top: 0;
}
ul.child-list {
/*list-style: circle outside;*/
list-style-type: circle;
list-style-position: outside;
margin-top: 0.5em;
}
CSS 通过单独的样式表馈送到 mPDF,尽管我也尝试使用内联样式解决此问题。
我想要出现的是典型的列表样式,列表项被填充,列表家具在外面:
我得到的是:
mPDF 中的嵌套列表是否存在问题?他们的文档根本没有提到列表的任何问题...
mPDF doesn't support block level elements within tables.
样式必须通过 span
元素上的内联样式来实现。