gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 18:13:20 25 4
gpt4 key购买 nike

我想清除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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com