반응형

CSS 19

텍스트 입력을 편집 불가능으로 만들려면 어떻게 해야 합니까?

텍스트 입력을 편집 불가능으로 만들려면 어떻게 해야 합니까? 그래서 나는 문자 입력이 있습니다. 여기 제 CSS가 있습니다. background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; 이거 설정이나 트릭이 있나요, 제가 대신 레이블을 하려고 했는데 스타일링은 어떨까요.어떻게 변환해야 하며 더 나은 방법이 있습니까? 아니면 그것이 유일한 방법입니까? 스타일링이 필요 없습니다. 봐MDN https://developer.mozilla.org/en/docs/Web/HTML/El..

programing 2023.08.15

요소의 중심을 수평 및 수직으로 맞추는 방법

요소의 중심을 수평 및 수직으로 맞추는 방법 탭 내용을 세로로 중심을 맞추려고 하는데 CSS 스타일을 추가할 때display:inline-flex수평 텍스트 정렬이 사라집니다. 각 탭에 대해 텍스트 x와 y를 모두 정렬하려면 어떻게 해야 합니까? * { box-sizing: border-box; } #leftFrame { background-color: green; position: absolute; left: 0; right: 60%; top: 0; bottom: 0; } #leftFrame #tabs { background-color: red; position: absolute; top: 0; left: 0; right: 0; height: 25%; } #leftFrame #tabs div { bor..

programing 2023.08.15

문서 흐름에서 공간을 차지하지 않고 요소를 상대적으로 배치합니다.

문서 흐름에서 공간을 차지하지 않고 요소를 상대적으로 배치합니다. 요소를 상대적으로 배치하고 문서 흐름에서 공간을 차지하지 않도록 하려면 어떻게 해야 합니까?당신이 하려는 일은 절대적인 위치 결정처럼 들립니다.그러나 기본적으로 위치에 대한 기준점과 절대 위치에 대한 요소를 만드는 목적으로만 폭이 0이고 높이가 0이며 상대적으로 위치가 지정된 요소를 만들어 의사 상대 요소를 만들 수 있습니다. Hi there, I'm 100px offset from where I ought to be, from the top and left. 이동한 픽셀과 동일한 여백을 추가합니다. 예 .box { position: relative; top: -30px; margin-bottom: -30px; } 위에서 조금 읽어보면, ..

programing 2023.08.15

Twitter 부트스트랩 - 행 사이에 맨 위 공간 추가

Twitter 부트스트랩 - 행 사이에 맨 위 공간 추가 에 class="row"트위터 부트스트랩 프레임워크를 사용하는 요소?Twitter 부트스트랩에서 행을 편집하거나 재정의하는 것은 좋지 않습니다. 페이지 비계의 핵심 부분이며 상단 여백이 없는 행이 필요하기 때문입니다. 이 문제를 해결하려면 대신 필요한 표준 여유를 추가하는 새 클래스 "top-buffer"를 만듭니다. .top-buffer { margin-top:20px; } 그런 다음 상단 여백이 필요한 div 행에 사용합니다. ... 좋아요, 그 때 무슨 일이 있었는지 알려드리기 위해, 저는 Acyra가 위에서 말한 것처럼 몇 가지 새로운 수업을 사용하여 고쳤습니다. .top5 { margin-top:5px; } .top7 { margin-to..

programing 2023.08.15

하이픈 뒤에 줄 바꿈 없음

하이픈 뒤에 줄 바꿈 없음 하이픈 사용 후 줄 바꿈을 방지하려고 합니다.-모든 브라우저와 호환되는 사례별 기반. 예: 다음과 같은 텍스트가 있습니다.3-3/8"과 같습니다: HTML 하 다 같 습 니 다 과 음 면 로 다 니 ▁which 같 습 ▁this ▁in3-3/8” 문제는 한 줄의 끝 근처에서 하이픈 때문에 전체 단어처럼 취급하지 않고 다음 줄로 끊어지고 감긴다는 것입니다. 3- 3/8" 는 "0 break character", "0 width no break character "0 width no break character"를 운이 없이도... 3-3/8” 사파리에서 보고 있는데 모든 브라우저에서 똑같을 것 같아요. 은 저의 다음나입니다.doctype문자 인코딩... 하이픈 사용 후 줄 바..

programing 2023.08.10

HTML 목록 유형 대시

HTML 목록 유형 대시 대시를 사용하여 HTML로 목록 스타일을 만드는 방법이 있습니까(예: - 또는 -–또는 -—) 즉, abc 출력: - abc 저는 이런 것들을 가지고 이것을 해야 한다는 생각이 들었습니다.li:before { content: "-" };비록 저는 그 옵션의 단점을 알지 못하지만 (그리고 피드백에 대해 매우 감사할 것입니다.) 좀 더 일반적으로, 목록 항목에 일반 문자를 사용하는 방법을 알고 있어도 상관 없습니다.들여쓰기된 목록 효과를 유지하기 위한 쉬운 수정(텍스트 들여쓰기)이 있습니다.:before사이비 계급 ul { margin: 0; } ul.dashed { list-style-type: none; } ul.dashed > li { text-indent: -5px; } ul..

programing 2023.08.05

개발자 도구를 사용하여 웹킷 입력 자리 표시자 검사

개발자 도구를 사용하여 웹킷 입력 자리 표시자 검사 텍스트 입력의 자리 표시자에 다음과 같은 스타일을 지정할 수 있습니다. -webkit-input-placeholder { color: red; } 온라인 사이트를 보고 있는데 자리 표시자 색상을 그들과 동일하게 사용하고 싶습니다.그들이 어떤 색을 사용했는지 알아내는 것이 가능합니까?알파 값을 포함하고 싶기 때문에 이미지 편집기로 색상을 샘플링할 수 없습니다. Chrome Dev Tools로 요소를 검사하면 다음과 같이 표시됩니다. 개발 도구는 입력 요소를 검사할 때 자리 표시자 요소에 대한 정보를 제공하지 않습니다.다른 방법이 없나요?난 이해했다. 이 방법은 Chrome Developer Tools의 Settings 패널에서 'Show user agen..

programing 2023.08.05

특정 요소 또는 선택기에 대해서만 CSS 스타일을 재설정/제거하는 방법

특정 요소 또는 선택기에 대해서만 CSS 스타일을 재설정/제거하는 방법 특정 요소에 대해 이전에 스타일시트에 설정된 스타일을 제거하는 CSS 규칙이 있습니까? 모바일 우선 RWD 사이트에서 작은 화면 보기의 특정 요소에 사용되는 스타일의 대부분을 바탕 화면 보기에서 동일한 요소에 대해 '재설정'하거나 제거해야 하는 경우가 좋은 사용 예가 될 수 있습니다. 다음과 같은 것을 달성할 수 있는 CSS 규칙: .element { all: none; } 사용 예: /* mobile first */ .element { margin: 0 10; transform: translate3d(0, 0, 0); z-index: 50; display: block; etc.. etc.. } @media only screen an..

programing 2023.07.06

div를 클릭하여 기본 요소로 이동합니다.

div를 클릭하여 기본 요소로 이동합니다. 나는 있습니다div그것을 가지고 있는background:transparent border 이에 에 밑에.div저는 더 많은 요소들을 가지고 있습니다. 할 수 div할 수 div. 클릭해서 클릭할 수 있게 하고 싶습니다.div기본 요소를 클릭할 수 있습니다. 네, 할 수 있습니다. 용사를 합니다.pointer-events: noneIE11에 대한 CSS 조건문과 함께(IE10 이하에서는 작동하지 않음), 이 문제에 대한 브라우저 간 호환 솔루션을 얻을 수 있습니다. 용사를 합니다.AlphaImageLoader당신은 심지어 투명하게 넣을 수 있습니다..PNG/.GIF의 sdiv클릭하면 아래 요소로 이동합니다. CSS: pointer-events: none; back..

programing 2023.06.11
반응형