반응형

HTML 4

클리어픽스란?

클리어픽스란? , 을 받다clearfix. 구글에서 빠르게 검색한 결과 IE6용이라는 것을 알 수 있었습니다만, 실제로 clearfix란 무엇입니까? 클리어픽스가 없는 레이아웃과 비교하여 클리어픽스가 있는 레이아웃의 예를 제시해 주시겠습니까?IE9 이하를 지원할 필요가 없다면 플렉스박스를 자유롭게 사용할 수 있고 플로팅 레이아웃을 사용할 필요가 없습니다. 오늘날 플로팅 요소를 레이아웃에 사용하는 것은 보다 나은 대안을 사용함에 따라 점점 더 권장되지 않고 있다는 점을 주목할 필요가 있습니다. display: inline-block 낫다 - 더 좋다 Flexbox - 베스트 (단 브라우저 지원 제한적) Flexbox는 Firefox 18, Chrome 21, Opera 12.10, Internet Expl..

programing 2023.04.19

부트스트랩3과 수직 정렬

부트스트랩3과 수직 정렬 3을 Twitter Bootstrap 3을 세로로 할 때 .div예를 들어: JSFiddle 링크: Big Small 은 ""를 합니다.float: left 아니라, 이에요.display:inline-block 「」, 「」는, 「」vertical-align동작하지 않습니다.는 는는그용사 i를 사용해 보았다.margin-top고쳐야 하는데 반응성이 좋은 디자인은 아닌 것 같아요. 이 답변은 해커가 됩니다만, 현재는 어디에서나 서포트되고 있기 때문에, flexbox(@Haschem answer에 기재된 바와 같이)를 사용하는 것을 강하게 추천합니다. 모모: : (부트스트랩 3 (부트스트랩 4 알파 6). 필요에 따라서 커스텀클래스를 사용할 수 있습니다. .vcenter { displ..

programing 2023.04.14

텍스트 영역의 크기 조정 가능한 속성을 비활성화하려면 어떻게 해야 합니까?

텍스트 영역의 크기 조정 가능한 속성을 비활성화하려면 어떻게 해야 합니까? 합니다.textarea. 크기를 할 수 .textarea textarea마우스를 드래그합니다.떻게 하하 활활 활활 활? ??? 다음 CSS 규칙은 요소의 크기 조정 동작을 디세블로 합니다. textarea { resize: none; } (전부는 에로 하는 textareas, 몇 가지 옵션이 있습니다. 하시면 됩니다.class(Atribute) .textarea1 { resize: none; } 의 「」를 , 「」를 디세블로 합니다.textareaname를 「」로 합니다.foo (예:) textarea[name=foo] { resize: none; } 「」를 해 주세요.id 속즉 ( ) ) 。 #foo { resize: none;..

programing 2023.04.09

CSS에 비례하여 이미지 크기를 조정하시겠습니까?

CSS에 비례하여 이미지 크기를 조정하시겠습니까? 이 질문에는 이미 답변이 있습니다. 가로 세로 비율을 유지하면서 이미지 크기를 자동 조정하는 방법 (33개의 답변) 닫힘4년 전에요. CSS만을 사용하여 이미지의 크기를 비례적으로 조정할 수 있는 방법이 있습니까? JavaScript 방식을 사용하고 있습니다만, 이것이 CSS에서 가능한지 확인하려고 합니다.CSS를 사용하여 이미지의 크기를 비례적으로 조정하려면 다음 절차를 수행합니다. img.resize { width:540px; /* you can use % */ height: auto; } 크기를 제어하고 비율을 유지합니다. #your-img { height: auto; width: auto; max-width: 300px; max-height: 30..

programing 2023.04.09
반응형