I have a ',', '중 하나로, 텍스트, 여기서 < select> < option> 값은 아주 길다. 내가 조절할 수 있기 때문에 더 이상 없다 ',' < 다운로드하려는 select>, 부모, 이 경우에도 잘라버릴 시됩니다 사용한다. '최대 폭: 100% '어떻게해야합니다 iqn. 전에 크기조정할: ! 전에 페이지를 표시하는 '전체' 크기조정할 선택 내가 원하는 것이 무엇인지 후 크기조정할: ! 나의 선택 후 원하는 페이지로 크기조정할 함께 ',' 그 내용을 클리핑에 만일 너희가 [로드형 이 이스피들 예] () 및 크기조정할 패널 폭을 보다 작을 select> <, 그 결과 ',' 선택 ',' 안에 있는 것을 볼 수 있습니다, 폭은 < fieldset> 실패한 확장성으로 아래에있어. 실제로 어떤 것을 보고 난 후 크기조정할: 내 현재 페이지를 통해 후 크기조정할 이동줄이! 그러나 [avamer 있는 페이지가 ',', ',' < div> <, 대신 fieldset>] (http://jsfiddle.net/roryokane/2YBcn/) 가 배율입니다 비판을 받아왔다. 보시다시피 및 [ 보다 쉽게 변경 사항을 테스트 ] (http://jsfiddle.net/roryokane/hcTZG/) 경우 [a '<, fieldset>,' 와 ',' div> <, 서로 옆에 한 페이지에] (http://jsfiddle.net/roryokane/hcTZG/). 그리고 만약 당신이 [삭제하시겠습니까 < fieldset>, 주변 ',' 태그] (http://jsfiddle.net/roryokane/D2U5R/) 에서 크기조정 작동합니다. 이 ',' 가 어떤 태그번호 fieldset> <, 이로 인해 수펑 크기조정 분할하려면. 이 경우, ',' 행위 '가 < fieldset> CSS 규칙을 영역셋 {최소 너버: 최소 컨텐트입니다. } '. (['최소 컨텐트입니다'] (https://developer.mozilla.org/en-us/docs/web/css/width) 는 약 일으킬 수 있는 가장 작은 너버 싫어하겠어 하위여야 오버플로입니다.) 만약 내가 ',' 수신기마다 fieldset> 재장착합니다 <, [',' 을 (를) ', div> < 최소 너버: 최소 컨텐트입니다 '] (http://jsfiddle.net/roryokane/2YBcn/), 똑같은 보입니다. 아직 내 스타일을 가진 규칙이 없다 ',' 최소 컨텐트입니다 브라우저에서 볼 수 있는 기본 스타일시트가 또는 방화범 의 css 검사자를. 내가 했던 모든 스타일 '에서' 에서 볼 수 있는 무시하려면 < fieldset>, Firefox 에서 방화범, CSS 의 [포르 사이크스] (http://mxr.mozilla.org/mozilla-central/source/layout/style/forms.css) 의 기본 스타일시트가 검사자를 및 있지만, 그것은 안 됩니다. 특히 '와' 너버 최소 너버 재정의을 '' 아무 짓도 하지 않았어요 중 하나.
HTML 의 영역셋:
<fieldset>
<div class="wrapper">
<select id="section" name="section">
<option value="-1"></option>
<option value="1501" selected="selected">Sphinx of black quartz, judge my vow. The quick brown fox jumps over the lazy dog.</option>
<option value="1480">Subcontractor</option>
<option value="3181">Valley</option>
<option value="3180">Ventura</option>
<option value="3220">Very Newest Section</option>
<option value="1481">Visitor</option>
<option value="3200">N/A</option>
</select>
</div>
</fieldset>
하지만 내 CSS apc® 되어야 하는 것 아닌가요.
fieldset {
/* hide fieldset-specific visual features: */
margin: 0;
padding: 0;
border: none;
}
select {
max-width: 100%;
}
[기본] 재설정하지 너버 '속성' (http://dev.w3.org/csswg/css-box/ # width 와 height 속성을) 가 없다.
fieldset {
width: auto;
min-width: 0;
max-width: none;
}
내가 더 CSS 있는 [종료기 및 장애 문제를 해결하기 위해] (http://jsfiddle.net/roryokane/bfmsz/):
/* try lots of things to fix the width, with no success: */
fieldset {
display: block;
min-width: 0;
max-width: 100%;
width: 100%;
text-overflow: clip;
}
div.wrapper {
width: 100%;
}
select {
overflow: hidden;
}
또한 이 문제가 발생하는 [종합적이고, 좀 더 복잡한 이스피들 예] (http://jsfiddle.net/roryokane/XDFuW/) 도 비슷한 수리입니다 웹 페이지 저 사실은 더 많은 노력을 하고 있다. 이를 통해 볼 수 있는 ',' 도 ',' 그게 아니다 - div < select> 충족되었으며 인라인 블록 크기조정할 못합니다. 비록 이 비유하사 내가 좀 더 복잡한, 또한 이 사례의 경우 단순 solaris. 작업자쪽에서 수리입니다 수리입니다 더 복잡하다. [편집: 브라우저 지원 내용은 아래 참조).] 호기심을 갖고 이 문제에 대해서 한 것은 [설정하면 '디버트라이퍼 {너버: 50%, } '] (http://jsfiddle.net/roryokane/hfa69/) 에서', ',' 그 자체를 < fieldset> 중됩니다 크기조절하기 시점에, 풀 사이즈, 'hit the edge of 뷰포트에 < select> 있을 것이라고 말했다. ',', '에 문제가 있는 것처럼 크기조정 < select> 너버: 100% ',', ',' looks like it 는 비록 < select> 너버: 50% '. ! 후 크기조정할 50% 를 너버 래퍼 div [',', '자체가 워낙 < select> 너버: 경우 50% '] (http://jsfiddle.net/roryokane/q3WMF/), 해당 비헤이비어를 발생하지 않습니다. 단순히 너비입니다 제대로 설정되어 있다. ! 후 크기조정할 50% 를 너버 선택 딸딸인 이해하지 이유가 크다. 하지만 해당되지 않습니다. 나는 또한 매우 비슷한 질문 (https://stackoverflow.com/q/1716183/578288.) 을 찾았습니다. 이 아스케르 못 찾으면 솔루션 및 [짐작은 없다는 솔루션이므로] (https://stackoverflow.com/a/1827502/578288) ',' < 별도로 분리, fieldset>. 하지만 난 되고, 그럴 경우, 할 수 없다 ',' 디스플레이를 < fieldset> 오른쪽맞춤, 그 이유는? 도대체 무엇이 <, fieldset>, '의 [사양명세] (http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html # 이 영역셋 요소점) 또는 [기본 css] (https://dxr.mozilla.org/mozilla-central/source/layout/style/res/forms.css) ([vmware. 이 질문] (https://hg.mozilla.org/mozilla-central/file/18f85a091e65/layout/style/forms.css)) 가 이 비헤이비어를? 이 때문에 이 곳에 여러 브라우저를 사용하는 것과 같은 특별한 비헤이비어는 문서화해야 것이다.
사이트에서 데릭쉐퍼드와 지원할 수 있는 최신 인터넷 익스플로러 8 이상 (방금 떨어트림 대한 지원을 IE7), Firefox, 최신 크롬. 또한 이 특정 페이지에 대한 연구를 하는 iOS 와 안드로이드 스마트폰이다. 약간 저하됨 가용 비헤이비어는 적용할 수 있지만 여전히 인터넷 익스플로러 8. 내가 되고 [내 줄바꿈할 '영역셋' 예] (
) 를 다른 브라우저. 실제로 이미 이 브라우저 작동합니다.[Firefox 버그] [버그] 내 멋지구리해요 구제, 이 중 53 (아래 설명 참조) 이 마침내 오토메이티드 firefox 와 https://partner. microsoft. 수정될 것으로 [제거되는 bootstrap& # 39 의 문서용으로] [부트스트랩에 재거됨].
방금 세트 '에 웹킷, 파이어폭스, 53+ 최소 너버: 0 '의', '를 영역셋 무시하려면 기본값입니다 최소 컨텐트입니다 .& # 185.
그래도 비트리 측면에서 볼 때, Firefox 는 홀수입니다 영역셋. 이 작품을 만들기 위해 이전 버전에서 합니다 ',' 다음 중 하나의 값으로 영역셋 변경하십시오 디스플레이 속성 중 하나이다.
Ie 에서 렌더링합니다 분할합니다 (약간 합리적으로) 이 된다. 이 때문에 사용할 수 있습니다 미디어만을 게코 요구사항뿐 업체로는 ['@-moz-document'] [모스 문서] - [mozilla& # 39 의 독점 css 확장장치] [css mizilla] - 중 하나를 통해 이를 숨기기 위해 다른 브라우저:
@-moz-document url-prefix() {
fieldset {
display: table-cell;
}
}
, # 39 는 것은 있을 수 있지만, 예쁜 it& 일은 아닙니다.
Css 의 기본 프레젠테이션입니다 영역셋 요소가 황당하고 지정된 것은 본질적으로 불가능하다. 한 번 생각해 보십시오. # 39, s, s # 39 는 fieldset& it& 겹쳐져 있는 국경 숨길지 전설이 있지만, 요소점 배경을 볼 수 있다! # 39 의 there& 무리라구 재현할 수 있도록 지원하는 다른 조합으로의 이 요소.
위로, 구축이 기존 it off full of 양보를 있다. 그러한 하나 가지고 있는 것은 결코 적은 것은 최소값이 너비입니다 영역셋 너비입니다 그 컨텐트입니다. 이 방법을 사용하면 이 행동을 웹킷 무시하려면 지정하여 있지만 기본 스타일시트가 Gecko& # 178. 한 걸음 더 나아가 댁이라면 및 [는 그 렌더링 엔진을] [영역셋 소스].
그러나 내부 표를 구성하는 요소 [특수 프레임 유형] [내부 표를 소스] 에 있는 게코. 이러한 '설정된 값을 계산할 수 있는 디스플레이' 에 대한 제약조건 중의 요소 [별도의 코드 경로를] [테이블 너버 소스] 를 부과하는 시행, 완전히 박스 관리 같은 번거로운 작업에 최소 너버 영역셋.
[버그 엔드입니다] [버그] 수정되었습니다 vmware. 다시 때문에 firefox 53 만 새 버전의 경우 이 해킹 대상으로 필요는 없습니다.
이 사고로 없습니다. 이 질문에 대한 못하기 때문에, 버그 [제한값 @-moz-document '' 사용자 / UA 스타일시트가] [모스 문서 버그] 요청되었습니다 종속적임 기본 영역셋 버그 기술입니까 고정식입니다 이번이 처음이다.
이젠 더 이상 독점 사용하여 대상 Firefox 를 넘어서, CSS, 기타 자료 '에' @-moz-document 추천합니까 notwithstanding.& # 179.
& # 185. 값을 접두사에 수 있습니다. 한 자료에 따르면, 이 안드로이드 4.1.2 스톡과 판독기에서 주님으로부터그에게 효력을 있지만브라우저에 및 기타 이전 버전. 이를 확인하기 위해 시간이 부족합니다.
& # 178. 이 질문에 대한 모든 링크를 게코 관계자는 7월 2013년, 커밋됨 29ᵗʰ 의 [5065fdc12408 이 (가) 변경 세트에] [이 (가) 변경 세트에]) 는 다음과 같은 뜻이 있다. 함께 할 수 있습니다 (유라유라테이코쿠 비교하십시오 [최근 개정 mizilla 에서 중앙] [게코 최신값].
& # 179. 예를 들어 참조 [그러하매 # 953491: Firefox 에서 겨냥한 전용 CSS] 및 [그래서 firefox css] [css 요령: 이후 referenced 기사를 대상으로 css hacks Firefox] [css 요령] 중요한 유적이다.
참조 - < >;!
[부트스트랩에 재거됨]: https://github.com/twbs/bootstrap/pull/21262
[모스 문서 버그]:
[이스피들]:
[css mizilla]: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions
[모스 문서]: https://developer.mozilla.org/en-US/docs/Web/CSS/@document
[어떤 균등형]: http://tvtropes.org/pmwiki/pmwiki.php/Main/FlatWhat
[영역셋 소스]:
[내부 표를 소스]:
[테이블 너버 소스]:
[강]:
[이 (가) 변경 세트에]: http://hg.mozilla.org/mozilla-central/file/5065fdc12408/
[게코 최신값]: http://mxr.mozilla.org/mozilla-central/source/
[그래서 firefox css]: https://stackoverflow.com/a/953491/230390
[css 요령]: http://css-tricks.com/snippets/css/css-hacks-targeting-firefox/
내가 답을 찾을 수 있는 요르단 회색 특히 도움이 된다. 그러나 이 문제를 해결할 수 있는 사파리 iOS 가져다줄래요 didn& # 39, t 것 같다.
이 문제는 단지 내에 요소를 가질 수 없는 경우 자동 너버 가져다줄래요 작업자쪽에서 영역셋 는 최대 폭 비호환성의 % 너비입니다.
단순히 영역셋 설정 100% # 39 의 컨테이너입니다 it& 너비입니다 갖고 이 문제를 해결하기 위해 것 같다.
fieldset {
min-width: 0;
width: 100%;
}
자세한 내용은 아래 작업하는 경우 예 - 분리하십시오 % 너버 끕니까 영역셋 또는 바꾸시겠습니까 auto 없을 것이라고 계속 동작합니다.
[이스피들] [1] 고데펜
제가 태어나해본일중에 많은 어려움을 겪고 있으며, 기본적으로 필요한 시간 대체하십시오 브라우저가 계산됩니까 스타일을 적용할 수 있는 무시하려면 CSS. 정확한 속성이 설정된 '요소' 와 '잊기 중인 영역셋 div 의 (아마도' 최소 너버 '?).
내 베스트중에 조언을 약간만이라도 변경하십시오 요소를 div ',' 스타일 '에서 검사자를 관심용 복사합니다를 계산됩니까 변경하십시오 영역셋' 와 비교해 범인을 찾기 위해 다시 요소점 계산됩니까 스타일.
도움이 되길 바란다.
'.fake-select {공백 줄 넘기기 없음. } '해석하는 것이 아닌' 요소 '는 원래 폭을 영역셋 .fake-select 의해 강제 너버 (때도 오버플로입니다 숨겨짐).
'& # 39, 최대 폭, 변경' 이 규칙을 제거하시겠습니까 .fake-select: 100 %100% s '그냥': '와' 너버 설명하였노라 부응합니다. 하지만 난 이 모든 내용을 볼 수 있다는 경고 가짜 선택 don& # 39 이것은, bad, and it 부응합니다 가로로 이제 모든 것이 없는 것 같습니다.
이제 이런 문제가 더 잘 이해할 수 있고, 일부 진행률에 해야했다. I set ',', '의 기본 규칙을 < select>, 모든 사람들을 위해 알고 있는 것보다 더 및 예비역 이스라지 적립율은 480px (, 이 때만 수 있기 때문에 그들이숨기는 너비입니다 있으며, 그' 클래스 '# 뷰포트가 직접 추가 너무 큽니다. 그냥 조금 单捞磐啊 테스트)
[대비성] (
)