我想为输入元素设置文本溢出省略号。我有如下代码，

<代码>.包装器{最小宽度：0px；最大宽度：100%；填充：14px 16px；行高：21px；位置：相对；溢出：隐藏；文本溢出：省略号；空白：nowrap；最大高度：49px；}.输入{显示：inline-block；线高：1.5；填充：5px 7px 4px；最小高度：20px；边距：0px；}<；DIV类="；包装器"；>；<；输入类="；输入"；>；<；/DIV>；

现在，上述样式的问题是，当输入为空时，总是显示省略号，就像屏幕截图一样。我

该怎么解决这个问题。有人能帮我吗？谢谢.

顺晟科技：

您必须添加input属性，而不是包装

<代码>.包装器{最小宽度：0px；最大宽度：100%；填充：14px 16px；行高：21px；位置：相对；最大高度：49px；}.输入{显示：inline-block；线高：1.5；填充：5px 7px 4px；最小高度：20px；边距：0px；文本溢出：省略号；}

<代码><；DIV类=“包装器”>；<；输入类=“输入”>；<；/DIV>；

的文本可能位于.wrapper { min-width: 0px; max-width: 100%; padding: 14px 16px; line-height: 21px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height: 49px; } .input { display: inline-block; line-height: 1.5; padding: 5px 7px 4px; min-height: 20px; margin: 0px; } <div class="wrapper"> <input class="input"> </div> 字段中，但您在父input中应用了文本_Overflow：Ellipsis属性。假设.wrapper { min-width: 0px; max-width: 100%; padding: 14px 16px; line-height: 21px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-height: 49px; } .input { display: inline-block; line-height: 1.5; padding: 5px 7px 4px; min-height: 20px; margin: 0px; } <div class="wrapper"> <input class="input"> </div> 完全填充了input，它将显示溢出省略号，因为内容（那些返回字符）溢出了可用空间。