我想清除list-style-type:circle;
从生成的 PDF(使用 MPDF57 )。我读过 CSS3 Docs (并且根据文档,支持 list-style:none;
),但是在创建 PDF 文件的 Output()
阶段,可以看到 circle
。
HTML 输出
(来源:iforce.co.nz)
Border 只是强调,哪些元素是有针对性的。
PDF 输出
(来源: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 输出
(来源: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/