Question

我有一个很长的选项，需要与整个选择框一起正确显示。如果将宽度设置为100％，则选择第一个选项，文本将被截断。当width设置为auto时，没有滚动条，这是一个问题，因为我需要选择框适合其他元素。

这段代码来自我一直用来检查更改的w3schools教程，因为它比使用localhost更快，因为该网站已经启动并且仅用于调试。

<!DOCTYPE html>
<html>

<body>

  <style>
    #selection {
      width: auto;
      overflow: scroll;
    }
    
    option {
      display: block;
    }
  </style>

  <select id="selection" multiple>
    <option value="volvo">If they are able to help ask them to wash themselves. You may give them step by step instructions such as, 'sit down' 'here is the cloth' 'wash your arm' etc. If they cannot, ask them to ‘help’ by holding the towel.</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>

</body>

</html>

如何防止在选择框中截断文本？

0 个答案: