HTML列表框换行文本 [英] HTML listbox wrap text

问题描述

我的代码为

  <select name="d" ><option value="sdf" class="test1">How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text  text How to wrap the big line text How to wrap the big line text </option></select>

我需要在列表框中包装文本。我们怎么做呢？我尝试在CSS包装文本..它不工作。

I need to wrap text inside the listbox. How we can do it ?? I tried in CSS Wrap text .. its not working.

请帮我们

尊敬的
Dipen

Regards Dipen

推荐答案

您可以尝试这样：

<select name="d" class="myselect">
  <option value="sdf" class="test1">How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text How to wrap the big line text  text How to wrap the big line text How to wrap the big line text
  </option>
</select>

您可以使用CSS：

.myselect {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.myselect option {
    white-space: nowrap;
    width: 100%
}

DEMO

DEMO

这篇关于HTML列表框换行文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！