我需要构建一个多行选择控件.所有<option>的地方文本的宽度大于300像素(例如)成为有必要的行不超过提到的上限.
这些图像不言自明:

首先我尝试了这个,但是没有用.
<html>
<head>
<style>
option{
width: 100px;
white-space: wrap;
}
</style>
</head>
<body>
<select>
<option>I'm short</option>
<option>I'm medium text</option>
<option>I'm a very very very very very very very very very long text</option>
</select>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我正在使用bootstrap框架,我想也许我可以使用下拉控件来获取结果.我已经尝试设置max-width CSS属性,但它也不起作用......
我怎样才能做到这一点?
是否可以在选择列表中包装长选项?
我有一个动态选择列表,有些选项非常冗长.我想要的选项太长,无法包装到下一行.除此之外,我想缩小这些界限.
如果不可能,我的解决方案是将结果修剪为n字符.
这就是我所拥有的:
I'm a short option
This is a really really really long option
This one isn't too bad
But whoa look how long I am! I go on forever!
Run Code Online (Sandbox Code Playgroud)
这就是我想要的:
I'm a short option
This is a really really
really long option
This one isn't too bad
But whoa look how long
I am! I go on forever!
Run Code Online (Sandbox Code Playgroud) 我正在通过Cordova构建Windows移动应用程序.我有一个选择菜单,我有8个选项要显示,其中最后一个选项有冗长的文本.这些值是静态的,来自Sqlite数据库.现在最后一个选项(其他[例如Donors; Corpora])即将出现,并且没有完全显示在图片中.
我如何在那里自动包装文字?
我正在使用的CSS是
.disaster {
word-wrap:break-word;
}
.disaster option{
word-wrap:break-word;
}
Run Code Online (Sandbox Code Playgroud)
我正在使用的Html代码是
<select name="select-disaster" id="select-disaster" class="disaster"></select>
Run Code Online (Sandbox Code Playgroud)
基于id,我从Sqlite数据库中获取选择选项.
请告诉我如何在Windows 8手机中进行Word包装?