lovejava

입력 내부의 텍스트를 정렬하는 방법은 무엇입니까? 모든 기본 입력의 경우 입력한 텍스트는 왼쪽에서 시작됩니다.어떻게 오른쪽에서 시작합니까?CSS에서 text-align 속성을 사용합니다. input { text-align: right; } 페이지의 모든 입력에 적용됩니다. 그렇지 않으면 입력한 텍스트만 정렬하려면 스타일을 인라인으로 설정합니다. CSS에서 이것을 사용해 보십시오. input { text-align: right; } 텍스트를 가운데에 정렬하려면: input { text-align: center; } 그러나 기본값이기 때문에 왼쪽으로 정렬해야 하며 가장 사용하기 쉬운 것으로 나타납니다.여기 있습니다. input[type=text] { text-align:right } 여기서 받아들여진 답은 ..

클래스가 2개인 요소를 선택하는 방법 이 질문에는 이미 다음과 같은 답이 있습니다. 클래스가 두 개인 요소에 적용되는 CSS 선택기 (3개 답변) 마감됨2년 전에. 나는 이 요소들을 가지고 있습니다. 저는 #666 색상의 a, b 등급의 요소에 적용하고 싶습니다.CSS로 어떻게 할 수 있습니까?클래스 선택기 사이에 공백 없이 체인을 연결할 수 있습니다. .a.b { color: #666; } 당신에게 문제가 된다면 IE6는 다음과 같은 조치를 취할 것입니다..a.b~하듯이.b그래서 그 브라우저에서 둘 다.div.a.b그리고.div.b회색 텍스트를 사용합니다.올바른 브라우저와 IE6을 비교하려면 이 답변을 참조하십시오.체인으로 연결하면 됩니다. .a.b { color: #666; } 언급URL : http..

나란히 2개의 다이브 - 유체 디스플레이 나는 두 개의 div를 나란히 배치하려고 노력하고 있으며, 그것을 위해 아래의 CSS를 사용하고 있습니다. #left { float: left; width: 65%; overflow: hidden; } #right { overflow: hidden; } HTML은 래퍼 div에 있는 두 개의 왼쪽과 오른쪽 div로 단순합니다. Left side div Right side div StackOverflow 및 다른 사이트에서도 더 나은 방법을 찾기 위해 여러 번 시도했지만 정확한 도움말을 찾을 수 없었습니다. 그래서 코드는 언뜻 보기에 잘 작동합니다.문제는 (%)에서 너비를 늘리면 왼쪽 점이 패딩/마진을 자동으로 얻는다는 것입니다.그래서, 65% 너비에서, 왼쪽 di..

Flexbox 자녀를 부모 키의 100%로 만들려면 어떻게 해야 합니까? 플렉스 박스 안에 있는 플렉스 아이템의 수직 공간을 채우려고 합니다. .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background-color: green; } 그리고 여기 JS Fidle이 있습니다. flex-2-child다음과 같은 두 가지 경우를 제외하..