Css 内联块跨度是否有最小高度锁定?

Css 内联块跨度是否有最小高度锁定?,css,Css,我负责制作打印的身份证(因此我使用cm和pt单位),我需要非常小的文本才能工作 我唯一的ACE是css,我不能更改HTML,内容是从数据库加载的当我将字体大小设置为小于12pt时,跨距将停止变小,或者更准确地说,跨距将停止变近。我无法将跨距位置设置为相对位置,因为有些标题太长,无法容纳一行(这就是为什么我需要文本如此小),所以它需要位置相对 我怎样才能使跨度更接近,而无需确定位置:绝对 我已经为您制作了一个示例(动画仅用于显示跨距的高度如何随着文本而停止收缩): 正文{ 填充:0; 保证金:0

我负责制作打印的身份证(因此我使用cm和pt单位),我需要非常小的文本才能工作

我唯一的ACE是css,我不能更改HTML,内容是从数据库加载的当我将字体大小设置为小于12pt时,跨距将停止变小,或者更准确地说,跨距将停止变近。我无法将跨距位置设置为相对位置,因为有些标题太长,无法容纳一行(这就是为什么我需要文本如此小),所以它需要位置相对

我怎样才能使跨度更接近,而无需确定位置:绝对

我已经为您制作了一个示例(动画仅用于显示跨距的高度如何随着文本而停止收缩):

正文{
填充:0;
保证金:0;
}
#集装箱{
宽度:7.5cm;
字体系列:无衬线;
填充:0.5厘米0;
}
#容器{
背景:灰色;
高度:10厘米;
}
跨度{
显示:内联块;
文本对齐:居中;
框大小:边框框;
线高:正常;
高度:自动;
最大高度:无;
填充物:0厘米1.2厘米;
}
.姓名{
字号:12号;
线高:初始;
文本转换:大写;
字体大小:粗体;
位置:相对位置;
顶部:首字母;
/*边缘顶部:6.87cm*/
边缘底部:0.05厘米;
}
.头衔{
字号:5pt;
线高:初始;
文本转换:大写;
边缘顶部:0.05厘米;
动画持续时间:3s;
动画名称:移动;
动画迭代次数:无限;
动画方向:交替;
}
.角色{
字号:7pt;
线高:初始;
}
@关键帧移动{
0% {
字号:5pt;
}
50% {
字体大小:15磅;
}
100% {
字号:5pt;
}
}

名称
标题1
角色1
标题2
角色2

将容器的
行高设置为0:

正文{
填充:0;
保证金:0;
}
#集装箱{
宽度:7.5cm;
字体系列:无衬线;
填充:0.5厘米0;
}
#容器{
背景:灰色;
线高:0;
高度:10厘米;
}
跨度{
显示:内联块;
文本对齐:居中;
框大小:边框框;
线高:正常;
高度:自动;
最大高度:无;
填充物:0厘米1.2厘米;
}
.姓名{
字号:12号;
线高:初始;
文本转换:大写;
字体大小:粗体;
位置:相对位置;
顶部:首字母;
边缘顶部:6.87cm;
边缘底部:0.05厘米;
}
.头衔{
字号:5pt;
线高:初始;
文本转换:大写;
边缘顶部:0.05厘米;
动画持续时间:3s;
动画名称:移动;
动画迭代次数:无限;
动画方向:交替;
}
.角色{
字号:7pt;
线高:初始;
}
@关键帧移动{
0% {
字号:5pt;
}
50% {
字体大小:15磅;
}
100% {
字号:5pt;
}
}

名称
标题1
角色1
标题2
角色2

将容器的
行高设置为0:

正文{
填充:0;
保证金:0;
}
#集装箱{
宽度:7.5cm;
字体系列:无衬线;
填充:0.5厘米0;
}
#容器{
背景:灰色;
线高:0;
高度:10厘米;
}
跨度{
显示:内联块;
文本对齐:居中;
框大小:边框框;
线高:正常;
高度:自动;
最大高度:无;
填充物:0厘米1.2厘米;
}
.姓名{
字号:12号;
线高:初始;
文本转换:大写;
字体大小:粗体;
位置:相对位置;
顶部:首字母;
边缘顶部:6.87cm;
边缘底部:0.05厘米;
}
.头衔{
字号:5pt;
线高:初始;
文本转换:大写;
边缘顶部:0.05厘米;
动画持续时间:3s;
动画名称:移动;
动画迭代次数:无限;
动画方向:交替;
}
.角色{
字号:7pt;
线高:初始;
}
@关键帧移动{
0% {
字号:5pt;
}
50% {
字体大小:15磅;
}
100% {
字号:5pt;
}
}

名称
标题1
角色1
标题2
角色2

这里是关于行高的…例如,在容器上使用
行高:1pt
,您将看到差异动画;这里的Dit是关于行高的…例如,在容器上使用
行高:1pt
,您将看到差异动画;先生,真是太好了!先生,真是太好了!