我有一个手机配件列表,列表中的条目是其 Material 编号和名称的组合 - 有时它会变长并超过列表框的宽度。 (Html.ListBoxFor)
我已经决定向其添加水平滚动,但通过添加溢出,首先尝试在 chrome 中检查元素内部,然后我将其添加到代码中。
@Html.ListBoxFor(model => model.myId, MyModel, new { @id = "my-id :)", @class = "form-control input-md", @size = 9, @style="overflow: auto;"})
按计划,水平滚动出现并完美运行,直到我选择了一个元素。所选元素在原始列表框结束的那一刻被剪切。
这是显示问题的 fiddle 链接:https://jsfiddle.net/yf0cgm9x/ 当您选择长名称时,它们会被剪切。
有人遇到过这样的问题吗?
最佳答案
Try this:
<div>
<div style="width:200px; padding-right:10px;border: 3px solid #73AD21;">
<select class="form-control input-md" id="available-accessories-box" multiple="multiple" name="SelectedAccessoryId" size="9" style="width:200px; overflow:scroll; display: block;">
<optgroup label="Headset">
<option style="overflow:wrap;" value="1">[11111111]aaaa</option>
<option style="overflow:wrap;" value="48">[22222]TOOOOOOO LOOOOONNNNNGGGGG1</option>
<option style="overflow:wrap;" value="50">[333333333]TOOOO LOOONGGGGG3</option>
<option style="overflow:wrap;" value="208">[444444]Hheadset5</option>
<option style="overflow:wrap;" value="226">[5555555]real headset by MSI</option></optgroup>
<span class="field-validation-valid" data-valmsg-for="SelectedAccessoryId" data-valmsg-replace="true"></span>
</div>
</div>
关于c# - 有没有办法防止 Html.ListBoxFor 剪切所选元素的溢出文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56225800/