Bootstrap 5 浮动标签重叠

问题描述

anyboy 是否有一个解决方案来可视化较长的文本而没有溢出隐藏/省略号，相关文本被截断？因为输入字段的一些问题没有意义，而你只看到它的一半。 基于Bootstrap 5官方浮动标签示例页面的问题：

解决方法

您可以使用自动换行。

input{
    height:50px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    white-space:pre-line;  
    position:relative;
    top:-15px;
}

::-moz-placeholder { /* Firefox 19+ */
    white-space:pre-line;  
    position:relative;
    top:-15px;
}

:-ms-input-placeholder { /* IE 10+ */
    white-space:pre-line;  
    position:relative;
    top:-15px;
}

:-moz-placeholder { /* Firefox 18- */
    white-space:pre-line;  
    position:relative;
    top:-15px;
}

<input type="text" placeholder="Anzahl der am 17.07. (seit min 14 Tagen!) vollstandig geimpften/von Corona genesenen Personen" size="30">