너비를 드롭 다운으로 설정하고 너비 당 텍스트의 크기를 조정하십시오.

.option100{ 
    width:100px !important; 
} 

<select id="fieldOfInterestSelect" name="fieldOfInterest" class="form-control" required=""><option value="-1">SELECT ONE</option><option value="4893" class="option100">Actual(R)rrrrrrrrrrrrrrrr</option><option value="4891" class="option100">Customerrrrrrrrrrrrrr</option><option value="4892" class="option100">Daterrrrrrr</option><option value="4894" class="option100">Forecast(R)RRRRRR</option></select>

옵션 크기가 고정되어 있어도 적용되지 않습니다. 텍스트가 큰 경우 옵션 상자는 텍스트 길이로 확장됩니다.너비를 드롭 다운으로 설정하고 너비 당 텍스트의 크기를 조정하십시오.

출처

2017-04-07 H.Ostwal

당신이 달성하기를 원하는 것이 분명하지 않습니다. https : //jsfiddle.net/akvs3jzm/ – roeb

마치 : 너비가 한 줄에 들어 가지 않는 텍스트가 너무 큰 경우 : 100px이므로 두 줄 이상 조정해야합니다. 여기 내 경우에는 옵션 '크기가 자동으로 증가하고 있습니다. –

누구든지이 문제를 해결할 수 있습니다. –

마지막으로 다양한 방법으로 시도해 보았습니다. 가장 좋은 방법은 '제목'에 텍스트 및 광고 전체 텍스트를 자르는 것입니다. [2] 작동하는 또 다른 솔루션은 UL LI 구조를 사용합니다. 구현하고 잘 작동합니다. 이는 또한 기본 클래스에 의해 오버라이드되는 클래스의 또 다른 문제점을 해결합니다.

출처

2017-05-05 10:37:36

너비를 드롭 다운으로 설정하고 너비 당 텍스트의 크기를 조정하십시오.

답변

관련 문제