라인블록 사용법 및 최소폭 설정방법_체험교체

온라인에서 찾을 수 있는 공식 설명:
참조 내용
이 값을 사용하면 요소가 블록 상자 모델(블록 상자)을 생성하고 자체적으로 A 대체 요소와 유사한 단일 인라인 상자 모델(인라인 상자)로 흐릅니다. Display 값이 inline-block 인 요소는 내부적으로 블록 상자 모델을 형성하고 그 자체가 인라인 대체 요소처럼 형성됩니다.
추신: 안타깝게도 IE는 이를 지원하지 않으며 FF도 지원하지 않습니다. HOHO~

IE 솔루션: 요소가 라인 블록과 같은 특성을 갖도록 IE의 레이아웃을 트리거합니다.

FF 솔루션: moz 특정 속성 사용: display::-moz-inline-box;

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="keywords" content="PRcss,xhtml,html,css,js,book,个人主页,无聊,神经,懒惰"> <meta name="description" content="PRcss的个人主页,无聊的,神经的,懒惰的..."> <meta name="Author" content="PRcss,qq:50198763"> <meta name="Copyright" content="本页版权归PRcss所有。All Rights Reserved"> <title>라인블록 사용 : 최소폭 설정 - www.jb51.net</title> <style type="text/css"><!-- .box { display:inline; zoom:1; min-width:400px; width:auto!important; width:400px; clear:right; border:1px solid #000; background:#ccc; } html:lang(zh-CN) .box { display:-moz-inline-box; } .box img { display:block; width:100px; height:300px; background:#c00; } --></style> <p class="box"> <img src="pr.jpg" alt="라인블록 사용법 및 최소폭 설정방법_체험교체" > </p> <p>테스트</p>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

.box { 디스플레이: 인라인; 최소 너비:400px; 너비:400px; 테두리:1px 배경:#ccc; (zh-CN) .box { 디스플레이:-moz-inline-box } /* moz-ff */