«css» 태그된 질문

추가 html 태그를 추가하지 않고 순수한 CSS에서 줄 바꿈을 만들 수 <br>있습니까? <h4>요소 뒤에서 줄 바꿈을 원 하지만 이전 은 원하지 않습니다. HTML <li> Text, text, text, text, text. <h4>Sub header</h4> Text, text, text, text, text. </li> CSS h4 { display: inline; } I have found many questions like this, …

84 html  css  styling 

동일한 줄에 두 개의 요소가 왼쪽으로 떠 있고 오른쪽으로 떠 있습니다. <style type="text/css"> #element1 {float:left;} #element2 {float:right;} </style> <div id="element1"> element 1 markup </div> <div id="element2"> element 2 markup </div> element2가 element1 옆에 정렬되어 둘 사이에 약 10 픽셀의 패딩이 필요합니다. 문제는 element2의 너비가 콘텐츠와 브라우저 (글꼴 크기 등)에 따라 …

84 html  css  css-float  margin 

6 단계로 나눈 긴 형태가 있습니다. 양식이로드되면 모든 단계가로드되지만 첫 번째 단계 만 표시됩니다. 나머지는 CSS가 display:none있으므로 숨겨져 있습니다. 단계가 완료되고 Javascript로 유효성이 검증되면 현재 단계가로 설정되고 display:none새 단계가로 설정됩니다 display:block. 마지막 단계에서 사용자는 양식을 제출합니다. 그러나 예상대로 display:block페이지 요소 의 필드 만 제출됩니다. 요소에서 완료된 모든 필드 display:none는 무시됩니다. …

84 javascript  css  forms 

visibility:collapse과 의 차이점은 무엇입니까 display:none?

84 html  css 

이 코드가 있습니다. <select> <option value="c">Klassen</option> <option value="t">Docenten</option> <option value="r">Lokalen</option> <option value="s">Leerlingen</option> </select> iPhone의 전체 화면 웹 앱에서 실행 중입니다. 이 목록에서 항목을 선택하면 iPhone이- select요소를 확대합니다 . 그리고 무언가를 선택한 후 다시 축소하지 않습니다. 어떻게 방지 할 수 있습니까? 아니면 다시 축소 하시겠습니까?

84 javascript  css  html  iphone-web-app 

아래 예제를 고려할 때 궁금해서 #container div에 여백이 있으면 브라우저에 세로 스크롤바가 나타나는 이유는 무엇입니까? 컨테이너의 높이는 100 %로 설정된 본체 높이보다 훨씬 작습니다. #container를 제외한 모든 요소에 대해 패딩과 여백을 0으로 설정했습니다. #container div에서 의도적으로 절대 위치를 생략했습니다. 이 경우 브라우저는 신체의 높이를 어떻게 계산하고 여백이 그것에 어떤 영향을 …

84 html  css 

내 사이트에 다음 iframe이 있습니다. <iframe src="<<URL>>" height="800" width="800" sandbox="allow-same-origin allow-scripts allow-forms" scrolling="no" style="overflow: hidden"></iframe> 그리고 스크롤 막대가 있습니다. 그들을 제거하는 방법?

84 html  css  iframe 

너비와 높이의 비율을 유지하도록 이미지의 크기를 조정하는 방법을 알아 내려고하지만 이미지의 높이가 포함 된 div의 높이와 일치 할 때까지 크기가 조정됩니다. 꽤 크고 긴 이미지 (스크린 샷)를 가지고 있으며 이미지를 수동으로 크기를 조정하지 않고 표시를 위해 너비 200px, 높이 180px div에 넣고 싶습니다. 이를보기 좋게 만들려면 이미지의 측면이 오버플로되고 포함하는 …

84 html  image  css 

데이터 목록의 다양한 옵션 목록이 표시되는 방식을 수정하고 싶습니다. 일부 CSS 속성을 적용 할 수 있습니까? <input list="languages" id="language_id"> <datalist id="languages"> <option value="html">HTML</option> <option value="java">Java</option> <option value="perl">Perl</option> <option value="php">PHP</option> <option value="ruby-on-rails">Ruby on Rails</option> </datalist> 나는 시도했다 option { background: red; } 하지만 작동하지 않는 것 같습니다.

84 css  html  option  html-datalist 

주변을 둘러 보았지만 원하는 것을 찾을 수 없습니다. 현재 내 페이지에 : hover에 의해 트리거되는 CSS 애니메이션이 있습니다. 미디어 쿼리를 사용하여 페이지의 너비가 700px 이상으로 조정될 때 '클릭'또는 '터치'로 변경하고 싶습니다. 현재 내가 가지고있는 것은 다음과 같다. http://jsfiddle.net/danieljoseph/3p6Kz/ 보시다시피 : hover는 모바일 장치에서 작동하지 않지만 마우스 오버가 아닌 클릭만으로 동일한 …

84 css  css-animations 

나는 box-shadow4면 모두 에 적용하려고 노력하고 있습니다 . 나는 2면에서만 얻을 수 있습니다.

84 css  box-shadow 

transform 속성을 사용하면 z-index가 취소되고 전면에 나타납니다. (-webkit-transform을 주석 처리하면 Z-index가 아래 코드에서 제대로 작동합니다) .test { width: 150px; height: 40px; margin: 30px; line-height: 40px; position: relative; background: white; -webkit-transform: rotate(10deg); } .test:after { width: 100px; height: 35px; content: ""; position: absolute; top: 0; right: 2px; -webkit-box-shadow: 0 5px 5px …

84 css  z-index  transform 

내 웹 사이트에서 사용자가 업로드 한 이미지를 특정 크기 ( width: 600px) 의 새 창에 표시하고 싶습니다 . 문제는 이미지가 클 수 있다는 것입니다. 따라서 이것보다 크면 600px가로 세로 비율을 유지하면서 크기를 조정하고 싶습니다. max-widthCSS 속성을 시도했지만 작동하지 않습니다. 이미지의 크기가 변경되지 않습니다. 이 문제를 해결할 방법이 있습니까? HTML : …

84 html  css  image  image-resizing 

내 호버링 문제에 대한 방법을 찾고 있습니다. <div class="section"> <div class="image"><img src="myImage.jpg" /></div> <div class="layer">Lorem Ipsum</div> </div> 이제 두 클래스, 이미지 및 레이어에 테두리가 있습니다. 둘 다 노멀과 호버의 색상이 다릅니다. 만들 방법이 있습니까? 그래서 레이어 클래스를 가리키면 레이어와 이미지 클래스가 테두리 색상을 가리키면 모두 활성화됩니까? 그리고 그 반대?

84 css  xhtml  hover 

어제 학교에서 CSS 3 flexbox 문을 사용하는 웹 사이트를 얻었습니다. 나는 전에 그것을 사용하지 않았습니다. 그래서 나는 그것을 조금 훑어 보았고 flexbox 문장의 많은 다른 스타일을 발견했습니다. 어떤 사람은 글을 쓰고 display: box;, 어떤 사람은 사용 display: flexbox;하고, 다른 사람도 display: flex;있습니다. 그렇다면 차이점은 무엇입니까? 어느 것을 사용해야합니까?

84 css  flexbox