선택 옵션 텍스트를 파이어 폭스의 다음 줄로 이동하는 방법?

선택 옵션 텍스트를 파이어 폭스의 다음 줄로 이동하는 방법?선택 옵션 텍스트를 파이어 폭스의 다음 줄로 이동하는 방법?

크롬에서 텍스트는 옵션 요소의 다음 줄로 이동하지만 Firefox에서는 표시되지 않습니다. 많은 CSS 클래스를 시도했지만 작동하지 않습니다. 아래 이미지와 코드를 제공했습니다. 도움을 주셔서 감사합니다. 미리 감사드립니다. 나를 위해

<select class="detail-ta" id="detail-ta2" size="10"> 
    <option style="text-overflow: clip; overflow: visible; white-space: -moz-pre-wrap; white-space: pre-wrap; margin-bottom: 1px;"></option> 
</select>

출처

2016-10-10 Savvy

http://stackoverflow.com/questions/2864238/line-break-in-html-select-option – ilmk

안녕, 링크에 대한 감사합니다. 그러나 크롬에서는 자동으로 발생합니다. 그러면 Firefox에서 왜 할 수 없습니까? – Savvy

그것을 사용하여 작동합니다 - (수정하려는이 하나의 잘못된)

코드

이

chrome (올바른)

firefox : 아래

는 2 개 이미지입니다 CSS 만 있지만 Firefox의 스크롤 막대에서 마지막 단어를 덮어 버리는 버그가 있습니다. 당신은 너비를 지정하고 또한 디스플레이를 추가 : 인라인 블록

white-space: -moz-pre-wrap; /* Firefox */ 
    white-space: pre-wrap;  /* other browsers */ 
    width:150px; 
    display:inline-block

출처

2016-10-13 09:38:30 elcanziba

선택 옵션 텍스트를 파이어 폭스의 다음 줄로 이동하는 방법?

답변

관련 문제