我的网页有一个 <select>
<div>
内的菜单 parent 。如果菜单包含一个非常宽的元素,它会溢出其父项的宽度(关闭时)。我该如何截断它?
我试过了 flex-shrink: 1
但什么也没发生。我使用正确吗?我是否将其应用于 <select>
或宽 <option>
?还是别的?
您是否尝试过应用 max-width
选择?也许是 100%?这是 a pen演示它。
John Weisz 提供的另一个例子:
div {
width: 300px;
}
select {
max-width: 100%;
}
<div>
<select>
<option>My webpage has a select menu within a div parent. If the menu contains a very wide item, it overflows its parent's width (when closed). How do I truncate it instead?</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
<div>
我是一名优秀的程序员,十分优秀!