Question

选择dropdown换行不工作，我用过：

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

但没有结果。任何人都可以提供帮助

＆＃13;

<div style="width: 200px;">
<select  style="width: 200px;">
  <option value="">Volvo</option>
  <option value="">You already have a live sesstion of this application open.Yoy can only have one session of this application in this webpage at a time.</option>
  <option value="">Mercedes</option>
  <option value="">Audi</option>
</select>
</div>

＆＃13;

Answer 1

您无法将换行符格式化为选项;但是，您可以使用title属性来提供鼠标悬停工具提示以提供完整信息。在选项文本中使用短描述符，并在标题中给出完整的细分。

setInterval()

page

Answer 2

你做不到。通常选项不能是样式。所以你可以像这样使用jquery

$('option').each(function(){
			var text=$(this).text()
			$(this).val(text).text(text.substr(0,50)+'…')
		})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div style="width: 200px;">
<select  style="width: 200px;">
  <option value="">Volvo</option>
  <option value="">You already have a live sesstion of this application open.Yoy can only have one session of this application in this webpage at a time.</option>
  <option value="">Mercedes</option>
  <option value="">Audi</option>
</select>
</div>

我已经text.substr(0,50)你可以改变。

选择下拉选项内容换行不起作用

2 个答案: