php - MPDF57 CSS3 列表样式 :none not being applied (or isn't supported) for <UL> items inside <TD> element

标签 php html css pdf mpdf

我想清除list-style-type:circle;从生成的 PDF(使用 MPDF57 )。我读过 CSS3 Docs (并且根据文档,支持 list-style:none;),但是在创建 PDF 文件的 Output() 阶段,可以看到 circle

HTML 输出 HTML RENDER
(来源:iforce.co.nz)

Border 只是强调,哪些元素是有针对性的。

PDF 输出 PDF FILE
(来源:iforce.co.nz)

CSS(HTML 可通过 PasteBin 获得)。

.schedule_logo_con img {
    width: 300px;
    height: auto;
}
.daily_schedule { font-family: helvetica, sans serif }
.schedule {
    font-family: helvetica, sans serif;
    margin: 0px !important;
    padding-bottom: 10px;
}
.schedule_list { margin: 10px 0 0 0 }
ul {
    margin: 0;
    padding: 0;
}
.weekday {
    width: 65px;
    text-align: center;
    border-left: solid #ddd 1px;
    color: red;
}
.weekday ul li {
    border: 1px solid red;
}
ul, .weekday ul, .weekday ul li {
    list-style-type: none;
}

我也试过 list-style-type:none; (此外还要检查 MPDF56 以查看它是否与 MPDF57 相关),但无论是否应用此样式。

最佳答案

就目前而言,这似乎是一个格式问题,来自库本身

<UL>没有 parent

但是,如果 UL 元素是自己生成的,而不是作为另一个元素的子元素,则上述 CSS 确实有效。

<ul>
<li>Test A</li>
<li>Test B</li>
</ul>

PDF 输出

PDF NO CHILDREN
(来源:iforce.co.nz)

解决方案

因此,设计师和我找到了解决方法,使用 divs并用 display:block; 复制一个列表, 尽管如果有人能够找到 <UL> 的解决方案,没有高服务器负载(那也很好)。

CSS

div.weekday_time {
    display:block;
}

HTML

<div class='weekday_time'>
    10:30 PM
</div>

关于php - MPDF57 CSS3 列表样式 :none not being applied (or isn't supported) for <UL> items inside <TD> element,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23257120/

相关文章:

java - 如何使用 Sphinx 从 JSON 格式的文件中搜索?

php - 使用 TypoScript 在 PHP 中呈现内容

html - 中心 1 of 2 inner div in outer div

php - HTML - 表格内容对齐

html - 无法让 masonry 与 HTML 初始化一起工作

php - Ajax上传插件不绑定(bind)点击事件

css - 我们可以将 Foundation 与 HTML5 样板一起使用吗?

css - 使用 CSS 在图像上添加红点?

javascript - 为什么我的 Google map 中的 map 与其容器不对齐

javascript - 当用户不活跃时,如何使 PHP session 过期