【问题标题】:Is there a way to wrap the placeholder text for small devices?有没有办法为小型设备包装占位符文本?
【发布时间】:2019-11-14 21:15:10
【问题描述】:

当设备宽度小于占位符长度时,我需要帮助来包装占位符文本,以便用户可以看到所有占位符文本。

请帮助我实现这一目标。

提前致谢

Stackblitz 链接:https://stackblitz.com/edit/angular-vudqqs

截图:https://i.stack.imgur.com/5MB58.png

【问题讨论】:

  • 请添加您的代码而不是链接
  • 嗨@לבנימלכה,我只使用了引导类。我没有在自定义 css 中添加任何内容。预包装是一种解决方案。但我只是想知道如何充分利用它

标签: css bootstrap-4


【解决方案1】:

请试试这个并检查

::-webkit-input-placeholder { 
  white-space:pre-line;  
  position:relative;
  top:-7px;

}

用于包装占位符文本..

【讨论】:

  • 我已经试过了。当占位符较短时,占位符应垂直居中。所以我们不能使用 top: -7px
  • 使用@media 查询并更改输入框的高度或行高
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-11-11
  • 1970-01-01
  • 1970-01-01
  • 2011-05-30
  • 2020-11-21
相关资源
最近更新 更多