gpt4 book ai didi

Dompdf 最大高度不起作用

转载 作者:行者123 更新时间:2023-11-28 18:14:18 25 4
gpt4 key购买 nike

我尝试使用 dom pdf 创建价格标签。价格标签由一些 div 容器组成。其中一个容器具有最大高度,但这不起作用。因为如果我将此容器的文本更改为包含 200 个单词而不是 100 个单词的文本,则价格标签会更高。但我需要一个固定的高度。

这是个问题吗?

HTML:

<html>

<head>

<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="tag">
<div class="header">
Product
</div>
<div class="article">
<div class="info">Lorem sd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</div>

</div>
<div class="barcode">
<p>Barcode</p>
</div>



</div>
</body>
</html>

CSS:

.tag {
border-style: solid;
min-width:11.5cm;
max-width:11.5cm;
max-height:3.5cm;
margin:0.1cm;
padding:0.1cm;
}
.header {
min-width:11.5cm;
max-width:11.5cm;
font-size:35px;
font-weight:bold;
}

.article {
min-width:11.5cm;
max-width:11.5cm;

}

.info {

float:left;
text-align:left;
min-width:7.5cm;
max-width:7.5cm;
min-height:2.0cm;
max-height:2.0cm;
font-size:10px;
}

.barcode {
text-align:center;
min-width:11.5cm;
max-width:11.5cm;
}`

.info 类和.tag 类很重要。最大宽度工作正常。

最佳答案

如果你想固定高度,只需使用 height 并给它一个固定值,然后使用 overflow: hidden 来隐藏额外的数据。

CSS 的变化:

.info {
overflow: hidden;
float:left;
text-align:left;
min-width:7.5cm;
max-width:7.5cm;
height:35px;
font-size:10px;
}

请参阅此处的工作示例:FIDDLE

关于Dompdf 最大高度不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18145515/

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