如何将下拉列表中的大部分项目文本拆分为html中的段落 [英] How to split large length of item text of dropdown list into paragraph in html

问题描述

如何将下拉列表的大部分项目文本拆分为html中的段落。

 <  选择    id   =  s7      name   =  size >  
 option value =1>我的问题是该列不够宽，无法在下拉列表中显示内容。<   / option  <跨度类= 代码关键字>>  
选项值= 2 > bxcvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv <跨度类= 代码关键字><  <跨度类=代码-leadattribute> /选项 >  
选项值=3>方形弹出<   / option  >  
 option value =4> Vertical Rectangle <   / option  >  
 
 <   / select  >  
 

解决方案

<预郎= CSS> <跨度类= 代码leadattribute>对于 <跨度类= 代码leadattribute> IE <跨度类= 代码leadattribute> 8 <跨度类= 代码leadattribute>有 <跨度类= 代码leadattribute>是 <跨度类= 代码leadattribute>一 <跨度类= 代码leadattribute>简单 <跨度类= 代码leadattribute >基于CSS的 解决方案：

select：focus {
width ： auto;
position ： relative;
}

或

 选择 {
 < span class =code-attribute> width  ：  150px;   / *  或者你想要的任何宽度。 * /  
} 
 选择。 expand  {
  width  ：  auto;  
} 

您需要做的就是将类宽添加到相关的下拉元素中。

 <  选择    class   =  wide >  
 ... 
 < ;   / select  >  

我已经尝试了所有这些但没有得到解决方案。

How to split large length of item text of dropdown list into paragraph in html.

<select id="s7"  name="size">
   option value="1">My problem is that the column is not wide enough to display the contents in the drop-down list.</option>
   option value="2">bxcvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv</option>
   option value="3">Square Pop-Up </option>
   option value="4">Vertical Rectangle </option>

</select>

解决方案

For IE 8 there is a simple css-based solution:

select:focus {
    width: auto;
    position: relative;
}

OR

select {
    width: 150px; /* Or whatever width you want. */
}
select.expand {
    width: auto;
}

All you need to do is to add the class wide to the dropdown element(s) in question.

<select class="wide">
    ...
</select>

I have tried all these but not getting the solution.

这篇关于如何将下拉列表中的大部分项目文本拆分为html中的段落的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！