我正在使用BFO报告库(嵌入在NetSuite ERP中)创建文档。我有一个文本块,我想限制为两行,截断它是否超过那个,但我似乎无法让overflow:hidden
实际做任何事情。设置height
会限制最小高度,但如果文本较长,则会扩展包含而不是被切断。
这是我正在渲染的文档:
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE pdf PUBLIC '-//big.faceless.org//report' 'report-1.1.dtd'>
<pdf>
<body width="3in" height="1.25in" padding="0">
<div font-family="sans-serif" font-size="14pt" width="3in" height="2em" border="1px solid green" overflow="hidden">
<p margin="0">Short Name</p>
</div>
<pbr/>
<div font-family="sans-serif" font-size="14pt" width="3in" height="2em" border="1px solid green" overflow="hidden">
<p margin="0">This Is An Item With A Really Extremely Long Name That Doesn't Fit</p>
</div>
</body>
</pdf>
结果PDF:
根据overflow
,BFO their documentation属性标签仅适用于绝对定位的元素:
如果一个块绝对定位并且大于它的父元素,那么如何处理“溢出”父元素块的内容。
看来包含要控制的内容的元素必须绝对定位,但overflow
属性可以应用于父元素。因此,您可以将position="absolute"
添加到您的<p>
元素中以获得所需的效果:
<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE pdf PUBLIC '-//big.faceless.org//report' 'report-1.1.dtd'>
<pdf>
<body width="3in" height="1.25in" padding="0">
<div font-family="sans-serif" font-size="14pt" width="3in" height="2em"
border="1px solid green" overflow="hidden">
<p margin="0">Short Name</p>
</div>
<pbr/>
<div font-family="sans-serif" font-size="14pt" width="3in" height="2em" border="1px solid green" overflow="hidden">
<p position="absolute" margin="0">This Is An Item With A Really Extremely Long Name That Doesn't Fit</p>
</div>
</body>
</pdf>