css-用于断开文本的样式元素（空白：正常）

在我的站点中，我将表单组件限制为固定大小。同时，当文本很长时，我允许标签打断文本，我想知道是否有办法捕捉标签是否确实打断了文本（因此我可以相应地调整固定高度）

请注意，标签本身来自服务器（作为一种资源），站点以多种设备分辨率显示，因此我无法预测文本是否会中断

我的代码如下所示：

HTML

你的名字叫什么？
你最喜欢什么颜色？

CSS

.long标签{高度：60px；}
.long标签{空白：正常；}

编辑：
我已经为我想要实现的目标做了一个代码笔示例

我将尝试更清楚地解释该场景：
我在我的网站上有一个表单，有几个输入，上面有标签，下面有错误范围，如果输入值无效，就会被注入

当某个输入发生这种情况时，错误范围将其下方的输入向下推，图形绘制人员说这很难看，输入之间的边距应该是固定的

我已经确定了高度（{height:60px；}）

不幸的是，输入上面的标签来自服务器，作为许多语言的资源，其中一些使标签文本变长，直到分成两行

当这种情况发生时，将显示一个验证错误-错误范围将覆盖在其下方输入的标签上

所以我想问的是：

是否有一种方法可以检测文本何时打断成新行，以便我可以相应地固定其高度

我希望我现在明白了

.long-label {min-height:60px;}

编辑：

---

这支笔基于您的示例：

没有注意：标记不使用，也不需要结束斜杠，而且在HTML中从来没有。”（因此我可以相应地调整固定高度）“-调整它到底是什么？您希望在这里实现的实际结果是什么？首先，请给出正确的解释。@CBroe感谢您的输入-我已经编辑了这个问题。您可以使用JavaScript读取label元素的实际高度，然后相应地修改容器div的高度。“不幸的是，输入上面的标签来自服务器，作为多种语言的资源”-那么错误消息呢，可能在某些语言中也会出现多行错误消息？谢谢@ZiadDarwich，但不幸的是，min height无法固定我的表单组件的高度。有一个错误是隐藏的，当它被填充/显示时，组件高度将随之增加。为了帮助您获得更多信息，可能发布您需要的照片会很好，同时请确保您关闭div标签更正，而不是在ZiadDarwich拍摄点，不幸的是，我不能发布截图，因为这是一个过程，你需要一个视频才能看到问题。我写的问题中有什么不清楚的地方吗？@armageddon将你的表单组件的高度从height:nnnpx更改为min height:nnnpx。。。请尝试在codepen.io上创建一个工作示例，或者生成YouTunks的图片，我明白了。我需要给上面的输入一个magrin底部，并将误差范围驻留在该范围内。你能把这个加在你的答案上吗？你到底做了什么