javascript - 在移动浏览器中加载页面时，如何在所选元素中显示长字符串

我正在为移动浏览器创建网页。我有一个选择列表，该列表将显示一个选中的选项，问题是默认情况下，当选中的选项的长字符串被截断时，我想显示全文，因为这些是用户应回答的问题。我一直在尝试使用css来增加select元素的高度，但是文本总是被截断，并且我在Internet上找不到任何答案，因为我只能增加项目的长度而不是选择的选项。预先感谢您的帮助。

    <select name="select">
      <option value="value1">Value 1</option>
      <option value="value2" selected>Very long string to show by default</option>
      <option value="value3">Value 3</option>
    </select>

最佳答案

这基本上可以回答您的问题：Line Break in HTML Select Option?。您不能在长<option之间添加换行符，因为浏览器不提供此格式设置选项，因此所选选项将被截断，超出了移动设备的大小。

尽管这是我为您编写的快速解决方法：jsFiddle。我将<select>下拉列表包装在<div>内，并赋予<div>宽度300px以及overflow-x: scroll属性。所选选项现在不会被截断，用户将能够水平向左/向右滚动以阅读所选选项的完整文本。

关于javascript - 在移动浏览器中加载页面时，如何在所选元素中显示长字符串，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25904351/