newstyle

"디스플레이: 테이블 셀;"이 있는 디브가 마진의 영향을 받지 않는 이유는 무엇입니까? 있습니다div서로 옆에 있는 요소들display: table-cell;. 설정하고 싶습니다.margin그들 사이에, 그러나.margin: 5px효과가 없습니다. 왜죠? 내 코드: 1 1 원인 MDN 문서에서 다음을 참조하십시오. [margin property]는 테이블 캡션, 테이블 및 인라인 테이블 이외의 테이블 표시 유형을 가진 요소를 제외한 모든 요소에 적용됩니다. 다시 말해, 그.margin속성이 적용되지 않습니다.display:table-cell요소들. 해결책 대신 부동산을 사용하는 것을 고려해 봅니다. 다음과 같은 상위 요소에 적용해야 합니다.display:table레이아웃과border-collapse:se..

국경-반지름 속성과 국경-붕괴:붕괴는 섞이지 않습니다.테두리 반경을 사용하여 모서리가 둥근 접힌 테이블을 만들려면 어떻게 해야 합니까? CSS를 이용해서 모서리가 둥근 테이블을 만들려고 합니다.border-radius소유물 제가 사용하는 은 다음과 제가 사용하고 있는 테이블 스타일은 다음과 같습니다. table { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px } 여기 문제가 있습니다.나는 또한 설정하고 싶습니다.border-collapse:collapse재산, 그리고 그것이 설정되면.border-radius더 이상 작동하지 않습니다.다음과 같은 효과를 얻을 수 있는 CSS 기반 방법이 있습니까?border-collapse..

Safari/Chrome 텍스트 입력/텍스트 영역 야광 제거 CSS를 이용하여 문자 입력/문자 영역을 클릭하면 기본 파란색과 노란색 빛을 제거할 수 있는지 궁금합니다.편집(11년 후):활성 요소를 나타내는 폴백을 제공하지 않는 한 이 작업을 수행하지 마십시오.그렇지 않으면 문서의 어떤 요소에 초점이 있는지를 보여주는 표시가 근본적으로 제거되므로 접근성이 저하됩니다.키보드 사용자가 되어 어떤 요소와 상호 작용할 수 있는지 제대로 알지 못한다고 상상해 보세요.여기서 접근성이 심미성을 능가하도록 합시다. textarea, select, input, button { outline: none; } 그러나 글로우/아웃라인을 유지하는 것이 사용자가 현재 어떤 요소에 초점이 맞추어져 있는지 확인하는 데 도움을 줄 수 ..

HTML 요소에 대한 브라우저의 기본 CSS HTML 요소에 대한 브라우저의 기본 CSS는 어디서 찾을 수 있습니까? 많은 HTML 요소는 일부 기본 CSS 속성과 함께 제공되며, 이로 인해 알 수 없거나 원하지 않는 동작이 발생할 수 있습니다.예를 들어 입력 상자는 브라우저마다 다르게 표시됩니다.새로운 CSS3 속성과 새로운 HTML5 요소를 다루는 곳을 찾고 있습니다. 저는 CSS 리셋의 해결책을 제시하는 다른 (훨씬 오래된) 질문 (예: 브라우저의 기본 CSS 스타일시트) 답변을 본 적이 있습니다.이 솔루션은 필요하지 않을 때가 있으며, 종종 크롬에서 입력 상자의 강조 표시와 같은 기본 속성의 일부를 실제로 유지하고 싶습니다.즉,저는 그것들이 무엇을 하는지 모른다고 해서 그것들을 없애고 싶지 않습니..

중앙 이미지(가로로 div) 이 질문에는 이미 다음과 같은 답변이 있습니다. 텍스트 정렬 중심을 사용한 중심 이미지? (28개 답변) 닫힘7년 전에. 저는.img디브(div)로class="top_image"이 이미지가 디브의 한 가운데에 있기를 바라지만, 내가 시도하는 것은 아무것도 안 돼요. 도와주셔서 감사합니다!여기에 게시된 모든 솔루션은 일반적인 시나리오가 아닌 의 치수를 알고 있다고 가정합니다.또한 용액에 치수를 심는 것은 고통스럽습니다. 간단히 설정: /* for the img inside your div */ display: block; margin-left: auto; margin-right: auto; 아니면 /* for the img inside your div */ display: bl..

부트스트랩 열 사이에 줄을 긋지 않고 여백을 추가하는 방법 이 질문에는 이미 다음과 같은 답변이 있습니다. 열 사이에 간격을 추가하는 방법은? (36개 답변) 닫힘4년 전에. 현재 제 레이아웃은 이렇게 보입니다. 중앙 열에서 각 열 사이에 작은 여백을 추가합니다.ServerDiv. 그런데 CSS에 여백을 더하면 이렇게 라인랩이 되고 이렇게 됩니다. Server 1 Server 2 Server 3 Server 4 Server 5 Server 6 Server 7 그리고 CSS는 .server-action-menu { background-color: transparent; background-image: linear-gradient(to bottom, rgba(30, 87, 153, 0.2) 0%, rgba(..

백분율 높이 HTML 5/CSS 는 설하려합니다고정을 하려고 합니다.CSS의 특정 퍼센트 높이까지, 그러나 그것은 단지 그 안의 내용과 같은 크기를 유지합니다. 5 5를 때 ㅠㅠㅠㅠㅠ하지만, 그것은 효과가 있습니다.원하는 대로 전체 페이지를 차지합니다.페이지의 유효성을 확인하고 싶은데 어떻게 해야 합니까? 는 이 를 나는이를고있습다니지에 .는 의아디가진를이가진▁has▁of입니다.page: #page { padding: 10px; background-color: white; height: 90% !important; } CSS에서 div를 일정 비율 높이로 설정하려고 합니다. 몇 퍼센트? 백분율 높이를 설정하려면 상위 요소(*)의 높이가 명시적이어야 합니다.이것은 키를 다음과 같이 둔다면 상당히 자명합니다..

테이블 내부에만 테두리를 적용하려면 어떻게 해야 합니까? 나는 테이블 안에만 테두리를 추가하는 방법을 찾고 있습니다.내가 할 때: table { border: 0; } table td, table th { border: 1px solid black; } 테두리는 전체 테이블 주위에 있으며 테이블 셀 사이에도 있습니다.내가 원하는 것은 테이블 셀 주위의 테두리를 테이블 내부에만 두는 것입니다(테이블 주위의 외부 테두리 없이). 테이블에 사용하는 마크업은 중요하지 않다고 생각하지만 다음과 같습니다. Heading 1 Heading 2 Cell (1,1) Cell (1,2) Cell (2,1) Cell (2,2) Cell (3,1) Cell (3,2) 다음은 제가 대부분의 테이블에 적용하는 몇 가지 기본 스타..

Flexbox 열을 왼쪽과 오른쪽으로 정렬하는 방법은 무엇입니까? 일반적인 CSS를 사용하면 두 개의 열 중 하나를 왼쪽으로 띄우고 다른 열을 오른쪽으로 띄울 수 있습니다.Flexbox를 사용하여 어떻게 해야 합니까? http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid 1px #000; } #b { width: 20%; border: solid 1px #000; height: 200px; } a b 추가할 수 있습니다.justify-content: ..

어떻게 하면 텍스트가 한 줄 이상 차지하는 것을 막을 수 있습니까? 텍스트를 래핑하지 못하게 하는 단어 래핑이나 다른 속성이 있습니까?저는 키가 크고,overflow:hidden텍스트는 여전히 깨져 있습니다. CSS3 이전의 모든 브라우저에서 작동해야 합니다. div { white-space: nowrap; overflow: hidden; } testing quite a lot of text that just doesn't wrap because it is too long a run-on sentance with so many useless words for you to not read today despite every effort you make to do so including stretching ..