CSS：如何在数据列表中设置最大高度？

Posted 2023-03-05

【中文标题】CSS：如何在数据列表中设置最大高度？

【英文标题】：CSS: how to have a max height in datalist?

【发布时间】：2021-08-12 09:56:51

【问题描述】：

我有这个数据列表，我假设选项中的数据超过 100，我希望有一个最大高度，以便设计看起来整洁。请帮帮我。谢谢。

<input type="text" list="suggestions" class="form-control" style="width: 100%;" >
<datalist id="suggestions" >
  <option value="Blue">
  <option value="White">     
  <option value="Black">
  <option value="Red">
  <option value="Green">
  <option value="Blue">
  <option value="White">     
  <option value="Black">
  <option value="Red">
</datalist>

【问题讨论】：

我认为您需要添加更多详细信息/示例以阐明您的要求

【参考方案1】：

您想要一个可滚动的 div 来显示所有选项吗？ 如果是，您可以将父 'div' 的高度设置为设定高度并设置 "overflow-y:auto" 。