텍스트의 크기를 조정하십시오.

-1

텍스트가 거의없고이 크기가 너무 길어서 드롭 다운했습니다.텍스트의 크기를 조정하십시오.

var name1 = "A", 
 
    name2 = "B", 
 
    name3 = "C"; 
 

 
var s = document.getElementById('names'); 
 
s.children[0].innerText = name1; 
 
s.children[1].innerText = name2; 
 
s.children[2].innerText = name3;

<select id="names"> 
 
     <option value="a">fill1</option> 
 
     <option value="b">fill2</option> 
 
     <option value="c">fill3</option> 
 
    </select>

어떻게 드롭 다운의 크기를 조정할 수 있습니까?

출처

2016-09-29 sandeep kapalawai

그럼 실제로 달성하고자하는 것은 무엇입니까? 'var name1 = "A"를'var name1 = "Aaaaaaa"'또는 다른 것으로 변경하면 ......... –

정확히 무슨 문제입니까? jsfiddle에서 예제를 통해 문제가되는 것 같지 않음 –

키/값 선택 구조를 얻으려고하고 있다고 생각하십니까? – Roy123

css로 클래스를 설정하여 지정된 너비를 지정하는 경우. 또는 select 요소에 스타일을 추가하십시오.

<select id="names" style=width:100px class='setMyWidth'> 
<option value="a">fill1</option> 
<option value="b">fill2</option> 
<option value="c">fill3</option>

당신은 또한 CSS 클래스를 만들 수 있습니다.

.setMyWidth{width: 100px;}

참고 : 수없는 외부 라이브러리없이 단어에 드롭 다운 상자를 포장. 이 fiddle에 표시된 것은 달성하려는 것입니다. 외부 라이브러리에서만 가능합니다. found over here

출처

2016-09-29 10:10:46

크기를 줄이면 텍스트 크기 만 줄이기 크기, 그냥 텍스트 줄 바꿈을 찾고 있습니다. https://jsfiddle.net/sandeepkapalawai/1Lmcgro0/2/ –

이것 좀보세요 ... http://jsfiddle.net/acrnP/ 당신을위한 해결책은 그다지 구체적이지 않을 수 있습니까? 텍스트 둘러싸 기가 무슨 뜻인지 모르시겠습니까? 축소 된 경우 dropdownbox의 크기를 변경 하시겠습니까? 또는 열 때 전체 텍스트 너비로 확장하지 않고 크기를 유지 하시겠습니까? –

예, iam이 드롭 다운 크기를 언급 할 때 텍스트가 드롭 드롭보다 큰 경우이 경우 텍스트가 드롭 다운의 크기와 더 많은 크기로 보이는 여분의 텍스트가 조정되어야하는 경우 드롭해야합니다. 다음 줄에 –

텍스트의 크기를 조정하십시오.

답변

관련 문제