powerit

중심 맞춤 고정 위치 div 나는 그가 가지고 있는 디브를 얻으려고 노력하고 있습니다.position:fixed내 페이지에 정렬된 가운데. 나는 항상 이 "핵"을 사용하여 절대적으로 위치한 디브로 그것을 할 수 있었습니다. left: 50%; width: 400px; margin-left: -200px; ...왼쪽 여백 값은 div 너비의 절반입니다. 이것은 고정 위치 디브에 대해 효과가 없는 것처럼 보이며, 대신 왼쪽 끝 모서리를 50%로 배치하고 마진 왼쪽 선언을 무시합니다. 고정된 위치의 요소를 중앙에 정렬할 수 있도록 이 문제를 해결하는 방법에 대한 아이디어가 있습니까? 그리고 제가 위에서 개요를 설명한 것보다 절대적으로 위치한 요소를 중앙에 정렬하는 더 나은 방법을 알려주시면 보너스 M&M을 제..

CSS로 특정 텍스트를 선택할 수 없도록 만드는 방법 이 질문에는 이미 다음과 같은 답이 있습니다. 텍스트 선택 강조 표시를 비활성화하는 방법 (45개 답변) 마감됨9년 전에. 커뮤니티는 1년 전에 이 질문을 다시 시작할지 여부를 검토한 후 이 질문을 닫았습니다. 원래 종료 이유가 해결되지 않았습니다. 내 페이지의 머리글에 중심 텍스트가 있지만 사용자가 선택하지 못하도록 합니다.CSS로 이것을 할 수 있는 방법이 있습니까?아래의 CSS는 사용자가 텍스트를 선택할 수 없도록 합니다. -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-sel..

스크롤바가 웹 페이지의 위치를 변경하는 것을 방지하는 방법은 무엇입니까? 저는 중앙에 정렬된 DIV를 가진 웹사이트를 가지고 있습니다.어떤 페이지는 스크롤이 필요하지만 어떤 페이지는 그렇지 않습니다.한 유형에서 다른 유형으로 이동하면 스크롤 막대 모양이 페이지를 몇 픽셀 옆으로 이동합니다.각 페이지에 스크롤 막대를 명시적으로 표시하지 않고 이를 방지할 수 있는 방법이 있습니까?overflow-y:scroll은 맞지만, 본문이 아닌 html 태그와 함께 사용해야 합니다. 그렇지 않으면 IE 7에서 이중 스크롤 막대를 얻을 수 있습니다. 다음과 . html { overflow-y: scroll; } 스크롤 가능한 요소의 내용을 디브로 싸서 적용합니다.padding-left: calc(100vw - 100%)..

용기를 기준으로 요소 배치 HTML과 CSS를 사용하여 수평으로 100% 쌓인 막대 그래프를 만들려고 합니다.▁bars▁i싶습니▁'▁를 사용하여 막대를 만들고 싶습니다.DIVs그래프로 표시할 값에 따라 배경색과 백분율 너비가 표시됩니다.그래프를 따라 임의의 위치를 표시하는 격자선도 갖고 싶습니다. 저는 제실에서, 험이저 CSS 속성 하여 가로로 를 쌓게 했습니다.float: left하지만, 저는 그것이 정말 혼란스러운 방식으로 레이아웃을 엉망으로 만드는 것처럼 보이기 때문에 피하고 싶습니다.또한, 막대를 띄울 때 격자선이 잘 작동하지 않는 것 같습니다. 저는 CSS 포지셔닝이 이것을 처리할 수 있어야 한다고 생각하지만, 아직 어떻게 해야 할지 모르겠습니다.컨테이너의 왼쪽 상단 모서리를 기준으로 여러 요소..

반투명 배경을 만들려면 어떻게 해야 합니까? 흰색 배경을 다른 것에 영향을 미치지 않고 50% 투명하게 만들어야 합니다.제가 그걸 어떻게 합니까?사용하다rgba(): .transparent { background-color: rgba(255,255,255,0.5); } 이렇게 하면 50%의 불투명도가 제공되는 반면 상자의 내용물은 100%의 불투명도를 유지하게 됩니다. 사용하는 경우opacity:0.5배경뿐만 아니라 내용도 희미해집니다.따라서 사용하지 마십시오.이것은 작동하지만 이 클래스를 가진 요소의 모든 자식들도 이를 방지할 방법이 없이 투명해집니다. .css-class-name { opacity:0.8; } 투명 배경을 회색으로 만들려면 다음을 시도하십시오. .transparent{ backgrou..

HTML/CSS를 사용하여 텍스트에 공백/탭을 삽입하는 방법 가능한 방법: ... 또는 style="white-space:pre" 또 다른 건 없으세요?삽입하기tab space내가 보통 사용하는 두 단어/문장 사이에 그리고. 공간의 폭/높이가 다음을 초과하는 경우 주로 사용하는 항목: 수평 스페이서의 경우: 수직 스페이서의 경우: 사용할 수 있습니다. 공백의 경우,). 전체 목록은 HTML 엔터티에서 확인할 수 있습니다.해라 . 특수 문자의 설명서에 따름: 문자 엔티티 그리고. 각각 엥 공간과 em 공간을 나타냅니다. 여기서 엥 공간은 포인트 크기의 절반이고 em 공간은 현재 글꼴의 포인트 크기와 같습니다.고정 피치 글꼴의 경우 사용자 에이전트는 공백을 A 공백 문자와 ..

Fill remaining vertical space with CSS using display:flex In a 3-row layout: the top row should be sized according to its contents the bottom row should have a fixed height in pixels the middle row should expand to fill the container The problem is that as the main content expands, it squishes the header and footer rows: section { display: flex; flex-flow: column; align-items: stretch; height: 3..

Sass - 배경 불투명도를 위해 16진수를 RGBa로 변환 저는 다음과 같은 Sass mixin을 가지고 있는데, 이것은 RGBa 예를 반쯤 완전히 수정한 것입니다. @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } 신청했습니다$opacity좋아요, 하지만 지금 저는 그것에 갇혀 있습니다.$color파트. 믹스인으로 보낼 색상은 RGB가 아닌 HEX입니다. 사용 예는 다음과 같습니다. element { @include background-opacity(#333, .5); } 이 믹스인에서 HEX 값을 ..

폰트 어썸의 코그 아이콘 색상을 변경할 수 있습니까? 나는 내 아이콘을 안에 싸야 합니다.무슨 이유에서인지 꼬리표를 달다 글꼴이 멋진 아이콘의 색상을 검은색으로 변경할 수 있는 가능한 방법이 있습니까? 아니면 그것이 안에 싸여 있는 한 불가능합니까?태그? 폰트 대박은 이미지가 아니라 폰트여야 하는 거 맞죠? Edit profile 이것은 저에게 효과가 있었습니다. .icon-cog { color: black; } 4.7.0 이상의 Font Awesome 버전의 경우 다음과 같습니다. .fa-cog { color: black; } HTML: css : .blackiconcolor {color:black;} 버튼 아이콘에 클래스를 추가할 수도 있습니다...스타일 속성에서 색상을 지정할 수 있습니다. Edit..

플렉스 베이스와 폭의 차이점은 무엇입니까? 이에 대한 질문과 기사가 있었지만, 제가 아는 한 결정적인 것은 없습니다.내가 찾을 수 있는 가장 좋은 요약은 flex-bulse를 사용하면 요소의 초기/시작 크기를 다른 값이 계산되기 전에 지정할 수 있습니다.백분율 또는 절대 값일 수 있습니다. ...플렉시블 세트를 가진 요소들의 동작에 대해서는 그 자체로 설명할 수 없습니다.Flexbox에 대한 현재 지식으로는 너비를 설명할 수 없는 이유를 알 수 없습니다. 플렉스 베이스가 실제로 폭과 정확히 어떻게 다른지 알고 싶습니다. 너비를 플렉스 베이스(또는 그 반대)로 바꾸면 시각적으로 변경되는 것은 무엇입니까? 둘 다 다른 값으로 설정하면 어떻게 됩니까?값이 같은 경우에는 어떻게 됩니까? 폭 또는 플렉스 베이스 ..