반응형

CSS 16

부유한 디브를 부모의 100% 높이로 만드는 방법은?

부유한 디브를 부모의 100% 높이로 만드는 방법은? HTML은 다음과 같습니다. Test 여기 CSS가 있습니다. #inner { float: left; height: 100%; } Chrome developer tool로 검사한 결과 inner div의 높이가 0px가 되고 있습니다. 어떻게 하면 부모 디브의 키의 100%가 되도록 강요할 수 있습니까?부모의 경우: display: flex; 몇 가지 접두사를 추가해야 합니다. http://css-tricks.com/using-flexbox/ 편집: 유일한 단점은 IE가 평소와 다름없으며 IE9는 플렉스를 지원하지 않습니다.http://caniuse.com/flexbox 편집 2: @oddsby에서 언급했듯이 정렬 항목은 상위 항목이며 기본값은 실제로..

programing 2023.11.06

텍스트가 넘치지 않고 다음 줄에 나타나도록 하려면 어떻게 해야 합니까?

텍스트가 넘치지 않고 다음 줄에 나타나도록 하려면 어떻게 해야 합니까? 이 질문에는 이미 다음과 같은 답변이 있습니다. HTML에서 wrap text를 어떻게 말합니까? (20개 답변) 닫힘7년 전에. 제 페이지에 텍스트가 포함된 고정 너비 디브가 있습니다.긴 줄의 글자를 입력하면 넘칩니다.오버플로를 숨기고 싶지 않습니다. 오버플로를 새 줄에 표시하려면 아래를 참조하십시오. dfssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssfddddddddddddddddddddddsdffffffffffffffffsdffffffffffffffffdfssssssssssssdf 오버플로를 비활성화하고 오버플로 텍스트를 새 줄에 넣을 방법이 있습..

programing 2023.11.06

ID와 클래스의 차이점은 무엇입니까?

ID와 클래스의 차이점은 무엇입니까? 죠와 ?그리고.CSS에 관해서라면?요를 ?? 다른 개발자들이 두 가지 방식으로 이 작업을 수행하는 것을 볼 수 있습니다. 그리고 독학을 한 이후로 한 번도 제대로 파악한 적이 없습니다.ids다일 해야 합니다.class많은 것에 적용될 수 있습니다. CSS에서,id는 s처럼 .#elementID그리고.class요소들은 다음과 같습니다..someClass id를 언급하고 마다. 그리고dclass모든 것들이 다 비슷할 때 말입니다.를 들어,어,어id다 .header,footer,sidebar.class다 .highlight아니면external-link. 캐스케이드에 대해 읽고 다양한 선택 항목에 할당된 우선 순위를 이해하는 것이 좋습니다. http://www.w3.org/..

programing 2023.10.12

인라인 스타일이 있는 CSS 유사 클래스

인라인 스타일이 있는 CSS 유사 클래스 인라인 스타일을 이용한 유사 수업이 가능한가요? 예: Google 위의 HTML이 작동하지 않는 것은 알고 있지만 비슷한 것이 있습니까? 추신. 저는 외장 스타일 시트를 사용해야 한다는 것을 알고 있습니다.인라인 스타일로 할 수 있는지 궁금했어요.아니요, 이건 불가능합니다.CSS를 사용하는 문서에서 인라인.styleattribute는 속성 선언만 포함할 수 있으며 스타일시트의 각 규칙 집합에 나타나는 것과 동일한 문 집합을 포함할 수 있습니다.Style Attributes 규격에서: 스타일 속성의 값은 CSS 선언 블록의 내용 구문과 일치해야 하며, 형식 문법은 CSS 코어 문법의 용어와 규약에서 아래에 나와 있습니다. declaration-list : S* de..

programing 2023.09.27

태그에 type="text/text"가 필요합니까?

태그에 type="text/text"가 필요합니까? 사용할 필요가 있는지 궁금합니다.에 걸쳐서.rel="stylesheet"는를다다를는seotnmt-st .text/css제가 아는 한 아무것도 추가하지 않습니다 인데, HTML 하는 은 CSS 요 에 에서 요 text/css브라우저에 'say'?일부 웹사이트는 다음을 추가하는 것 같습니다.type="text/css"다른 사람들은 그렇지 않은 반면에 http://www.jquery.com/), 속성(http://www.youtube.com/) 그래서, 무슨 소용이 있습니까?type="text/css"일순간에요소를 포함할 필요가 있습니까?HTML5 사양에는 필요하지 않지만 이전 버전의 HTML에는 필요합니다. html 4 W3.org 사양 http://www..

programing 2023.09.17

CSS @media 규칙을 인라인으로 넣을 수 있습니까?

CSS @media 규칙을 인라인으로 넣을 수 있습니까? HTML5 앱에 배너 이미지를 동적으로 로드해야 하는데 화면 너비에 맞게 몇 가지 버전이 필요합니다.전화기의 화면 폭을 정확하게 파악할 수 없기 때문에 디브의 배경 이미지를 추가하고 @media를 사용하여 화면 폭을 확인하고 올바른 이미지를 표시하는 방법밖에 없습니다. 예를 들어, 이것이 가능한가요, 아니면 다른 제안이 있는 사람이 있습니까?@media는및e만 수할할로다수일n다수및ytyae만 포함할 수 있으므로 인라인 스타일 특성에는 존재할 수 없습니다.property: value포고문들사양에 따르면 다음과 같습니다. 스타일 특성의 값은 CSS 선언 블록의 내용 구문과 일치해야 합니다. 할 수 할 한 은 입니다 에 의 을 하는 된 으로 에서만 을 ..

programing 2023.09.17

그 내용으로 디브의 키를 크게 하다.

그 내용으로 디브의 키를 크게 하다. 이 중첩 디브가 있는데 내부에 디브를 수용하기 위해 메인 컨테이너를 확장해야 합니다(높이). ... CSS는 다음과 같습니다. * { padding: 0; margin: 0; } .main { font: 100% Verdana, Arial, Helvetica, sans-serif; background: #4c5462; margin: 0; padding: 0; text-align: center; color: #000000; } .main #container { height: auto; width: 46em; background: #4c5462; margin: 0 auto; border: 0px solid #000000; text-align: left; } .main #..

programing 2023.09.07

스팬의 CSS 고정 너비

스팬의 CSS 고정 너비 정렬되지 않은 목록 내: The lazy dog. AND The lazy cat. OR The active goldfish. 클래스 또는 스타일 특성을 추가할 수는 있지만 텍스트를 패딩하고 태그를 추가하거나 변경할 수는 없습니다. 페이지가 Courier New로 렌더링되고 있습니다. 목표는 스팬이 줄을 선 후 텍스트를 갖는 것입니다. The lazy dog. AND The lazy cat. OR The active goldfish. "OR"의 정당성은 중요하지 않습니다. 게으른 동물 문자는 추가 요소로 포장될 수도 있지만 다시 확인해봐야겠습니다.이상적인 세계에서 당신은 단순히 다음의 css를 사용하여 이것을 달성할 것입니다. FF2 이하를 제외한 모든 브라우저에서 작동합니다. F..

programing 2023.08.28

nbsp가 CSS 콘텐츠 태그에서 작동하지 않습니다.

nbsp가 CSS 콘텐츠 태그에서 작동하지 않습니다. 이 질문에는 이미 다음과 같은 답이 있습니다. 마감됨10년 전에. 중복 가능성: CSS 콘텐츠를 사용하여 HTML 엔터티 추가 #sitenavmenu-content-menu li:before { content:"| "; } 각각의 목록 항목 앞에 |와 두 칸을 추가하고 싶습니다.그러나 어떤 이유에서인지 공백이 아닌 nbsp라는 단어가 인쇄됩니다.아이디어 있어요?이것이 당신이 찾고 있는 답일 수 있습니다. content: "|\00a0\00a0"; 문자 맵에서 깨지지 않는 공간을 복사하여 내 코드 편집기에 붙여넣어 수정했습니다.언급URL : https://stackoverflow.com/questions/2965229/nbsp-not-working-in..

programing 2023.08.28

미디어 쿼리 - 두 폭 사이

미디어 쿼리 - 두 폭 사이 CSS3 미디어 쿼리를 사용하여 너비가 400px보다 크고 900px보다 작을 때만 나타나는 클래스를 만들려고 합니다.저는 이것이 아마도 매우 단순하고 명백한 것을 놓치고 있다는 것을 알지만, 저는 그것을 이해할 수 없습니다.제가 생각해낸 것은 아래의 코드입니다, 도움을 주시면 감사하겠습니다. @media (max-width:400px) and (min-width:900px) { .class { display: none; } } 값을 전환해야 합니다. /* No less than 400px, no greater than 900px */ @media (min-width:400px) and (max-width:900px) { .foo { display:none; } }​ 데모: ..

programing 2023.08.23
반응형