다음과 같은 순환 진행 막대가 있으며 배경 그라데이션 덕분에 색이 약간 엉망입니다 (흰색은 진행 상태이고 나머지 오렌지색은 이상적으로 동일해야 함). 배경) : 두 개의 원을 사용하여이 작업을 수행했으며, 각도가 진행에 따라 동적으로 생성되는 외부 원에 두 개의 선형 그라디언트를 사용했습니다. 문제는 그 자체가 그라디언트 인 배경색을 가짐으로써 발생합니다.
CSS 격자의 auto-fit 기능을 사용하여 화면 크기에 맞게 깔끔하게 격자 항목을 줄 바꿈하려고합니다. 이것은 auto-fit ted 격자 컨테이너에 넣은 모든 항목의 크기가 같을 때 잘 작동합니다. 그러나 항목을 다른 크기로 만들면 작은 화면 크기에 대해 항목이 줄 바꿈 될 때 바람직하지 않은 크기가 지정됩니다. .wrapper {
dis
지금은 justify-content: center;으로 flex를 사용하고 있고 B 구성 요소에는 왼쪽 패딩이 있습니다. 일시적인 해킹입니다. 제대로 작동하려면 어떻게해야합니까? 컨테이너가 커지면 가운데에 공백을 넣고 가운데에 놓으십시오. 작을 때, 나는 그들에게 서로의 위로 가도록하고 싶습니다. 참고 : 2 개 항목을 중심으로하는 대형 화면에서 사이의 차
팝업 CSS의 통지를 생성, 나는 나는 또한 상단으로 클래스를 정의 -200 픽셀 #onthefly-main {
height: 190px;
width: 100px;
position: fixed;
top: -200px;
right: 10px;
-webkit-transition: all 0.5;
t
다른 수직 정렬 질문 및 답변을 살펴본 결과 작동하는 답변을 찾지 못하는 것 같습니다. 당신 중 영리한 사람들이 제 문제를 해결하는 방법을 알고 있는지 궁금합니다. 그리고 내가 얼마나 깊숙이 내 구멍에 들어갔을지. 여기 내 코드를 볼 수 있습니다 : 내가 함께 이러한 정렬하려고 https://github.com/LukeBennettUK/techdegree_
아래 이미지와 텍스트가있는 일련의 flexbox를 만들려고합니다. 모든 이미지 높이를 정렬하고 싶습니다. 그러나 모든 소스 이미지의 크기가 다릅니다. 여기에서 검색 한 결과 found this은 본질적으로 같은 문제이지만 해결 방법이 저에게는 효과적이지 않은 것으로 보입니다. 여기 내가 가진 무엇 : CSS : .roster {
display: f
알파 5에서 부트 스트랩 (alpha.6, and) beta.2로 마이그레이션했으며, 감싸는 것처럼 보이는 행을 보았습니다. 왜 그런지 모르겠습니다. 이것은 내 사이트의 모든 곳에서 발생합니다. 그래서 같이 무엇을 사용 : 이의 코드는 다음과 같습니다 : <div class="container">
<div class="group-label col-
부트 스트랩 3 프레임 워크에서 100 % 너비로 두 개의 열을 만들고 싶습니다. 나는 만들려고했지만 오른쪽과 왼쪽 위치 사이에 약간의 패딩을 보여줍니다. 왼쪽 코드는 Google지도를 표시하는 데 사용되며 오른쪽은 양식에 문의하는 데 사용됩니다. 패딩을 제거하는 방법은 무엇입니까? 전체 너비 행이 필요합니다. 여기 내 코드입니다. <section id="