ReactJS 디자인 로드맵 타임라인

그래서 하고 싶은 디자인이 생겼어요. 기본적으로 페이지의 왼쪽 하단에서 오른쪽 상단으로 이동하는 타임라인입니다. 또한 행 사이에 일부 div 요소를 배치해야 합니다. 또한 반응성이 좋기를 원합니다. 특히 길이는 줄어들겠지만 여전히 선이 위쪽으로 눈에 띄기를 원합니다. ReactJS와 TailwindCSS를 사용하여 이를 달성하는 방법에 대한 제안이 있으십니까? 제가 인터넷에서 찾은 예는 온라인 수평 및 수직 타임라인 스타일입니다. 곡선형 타임라인의 예가 없습니다.

P粉563446579 2024-03-29 11:31:47 0  1  434

가로 스크롤바에만 CSS를 적용하는 방법

저는 신입 인턴인데 간단한 작업을 주었습니다. 가로 스크롤 막대를 개인화하세요. 이 코드가 있는데 세로 스크롤 막대가 사라집니다. 세로 방향을 기본값으로 설정해야 합니다... 가로 스크롤만 기사를 개인화해야 합니다. ::-webkit-scrollbar{width:7px;}::-webkit-scrollbar-thumb:horizontal{border-radius:8px; background-color:rgba(92,92,92,0.5);}예:

P粉276876663 2024-04-01 16:25:15 0  2  419

javascript - 요소가 현재 표시 영역 내에 있는지 확인하는 방법

제목에서 알 수 있듯이 이제 가로로 자유롭게 슬라이드할 수 있는 가로 형식의 li 행이 생겼습니다. 특정 li가 현재 표시 영역 내에 있으면 해당 스타일 중 일부가 어떻게 변경됩니까? 여러분이 답변에 도움을 줄 수 있기를 바랍니다. . . . . . .

天蓬老师 2017-07-05 11:07:20 0  5  1164

그리드 셀 내용을 가운데 정렬

그리드 항목 내부의 콘텐츠를 수직이 아닌 수평 중앙에 정렬하고 싶습니다. JSfiddle에서 보기: http://jsfiddle.net/6zs8ydhf/.container{display:grid;grid-template-columns:200pxauto;grid-template-rows:400px200px;}.item{border:1pxsolid#111;}. {디스플레이:f

P粉060528326 2023-09-15 10:34:15 0  1  674

재작성된 제목: 크기를 조정할 때 고정 HTML 정사각형 또는 원 요소를 가로 및 세로 중앙에 배치

다양한 크기의 정사각형 또는 원형 고정 HTML 요소를 가로 및 세로로 중앙에 배치하는 방법은 무엇입니까? 너비와 높이가 동일하게 유지되어야 한다는 사실 때문에 어려움이 발생한다고 생각합니다.

P粉455093123 2024-04-04 12:31:51 0  1  481

그리드 컨테이너가 행 대신 열을 채우도록 만들기

내 그리드는 다음과 같이 세로로 채워지길 원합니다: 147258369...arbitrarynumberofadditionalrows 대신 가로로 다음과 같이 채워집니다: 123456789 그리드의 행 수가 아닌 열 수를 지정하고 싶습니다. 인라인 CSS 스타일을 사용한 내 div의 모습은 다음과 같습니다. <divstyle="display:grid;grid-template-columns:1fr1fr1fr;"><div

P粉551084295 2023-08-27 20:59:46 0  1  521

PHP는 이미지에서만 방향 EXIF를 제거합니다(imagick을 사용하지 않음)

업로드된 이미지를 로컬에서 일괄 크기 조정하고 썸네일을 생성하는 스크립트를 작성했습니다. 문제는 일부 이미지가 세로 방향으로 되어 있지만 크기를 조정한 후 가로로 회전하는 경우입니다. 이는 이미지의 EXIF ​​방향 때문입니다. PHP를 통해 이미지에서 방향 EXIF를 제거하는 쉬운 방법이 있습니까? Imagick이 완료될 수 있다는 것을 알고 있지만 설치할 수 없거나 설치하고 싶지 않습니다. 그것 없이는 어떤 해결책이 있습니까? 이제 이미지 편집기에서 해당 이미지를 열고 EXIF ​​정보를 유지하지 않고 다시 저장하여 이 문제를 ...

P粉141925181 2024-03-27 09:27:01 0  1  500

그리드 템플릿 영역을 사용하여 그리드를 표시하는 것이 작동하지 않는 이유는 무엇입니까?

그리드 템플릿 영역을 통해 요소 배열을 얻으려고 하는데 작동하지 않습니다. 블록을 수직, 수평으로 배열하기 위해 그리드 시스템을 사용하려고 합니다. 왼쪽의 그림과 반대쪽의 텍스트를 사용하세요. 이 코드는 왜 작동하지 않나요? .news__wrapper{display:grid;grid-template-areas:"aac""bbc";}.news__item{display:flex;align-items:center;just

P粉541796322 2023-09-09 16:28:13 0  1  756

python - xlwt 테이블 데이터를 가로로 삽입

데이터가 있습니다: [(1,),(2,),(3,)],[('a',),('b',),('c',)],[('e', ),('f',),('g',)]는 각각 서로 다른 세 열의 값을 나타냅니다. 요구 사항은 다음과 같습니다. 테이블 레코드를 수평으로 작성합니다. 내 프로그램은 다음과 같습니다. 삽입 순서를 수정하는 방법을 모르겠습니다.

phpcn_u1582 2017-05-18 10:50:46 0  2  768

javascript - 모바일 웹사이트 네비게이션 바의 수평 슬라이딩 감속 효과를 얻는 방법

주요 웹사이트의 모바일 버전 내비게이션 바는 일반적으로 휴대폰 화면을 터치한 후 슬라이딩하면 감속 효과가 있습니다. 인터넷에서 많이 검색해 본 결과 이 ​​기능이 정말 마음에 들었습니다. js touch 이벤트에 대한 소개였는데 자세한 방법을 찾지 못해서 마스터님께 원리와 구체적인 설명을 부탁드리고 싶습니다.

给我你的怀抱 2017-06-28 09:27:42 0  1  936

수평 스크롤로 mjml 테이블을 강화하고 오버플로를 추가합니다.

저는 mjml을 사용하여 테이블이 포함된 이메일 템플릿을 만들고 있습니다. 또한 헤더 이름이 너무 길어서 테이블이 가로로 너무 커집니다. 파란색 컨테이너 내부에서 가로로 스크롤하고 싶지만 그렇게 할 수 없습니다. 스크롤 가능하게 만드는 방법은 무엇입니까? 이것은 mjml의 라이브 코드입니다.

P粉464088437 2024-03-27 22:43:41 0  1  483

수직 높이가 증가하면 div를 아래로 확장하지 않고 위로 확장하려면 어떻게 해야 합니까?

제목과 내용이 있는 페이지가 있습니다. 헤더는 동적 값이며 내용에 따라 다양한 내용을 가질 수 있습니다. 이 문제는 제목이 길고 두 줄 이상 필요할 때 발생합니다. 나는 콘텐츠가 동일한 수직 및 수평 위치에 있기를 원하기 때문에 긴 제목의 마지막 행이 제목이 더 짧은 경우 첫 번째 행과 동일한 수직 위치에 있기를 원합니다. 나는 다른 사람들이 나 자신을 이해할 수 있기를 바랍니다. 두 번째 단어를 추가하여 제목을 편집해 보면 무슨 뜻인지 알 수 있을 것입니다. 이 문제는 flex-box로 해결할 수 있을 것 같은데 어떻게 해결해야 ...

P粉530519234 2024-03-22 10:39:08 0  1  369

javascript - CSS는 div가 항상 가로 및 세로 중앙에 오도록 제어하며 이 div의 크기는 다릅니다.

CSS 컨트롤은 통일된 클래스 이름으로 div를 추가합니다. 중앙에 가로와 세로로 표시되도록 하고 싶습니다. 그런데 div의 크기가 다르기 때문에 다른 학생들은 좋은 아이디어가 있습니까?

欧阳克 2017-06-26 10:52:35 0  10  1189

flex:auto 요소의 하위 목록 너비를 설정하는 방법

안녕하세요, CSS 문제가 있습니다. 두 개의 열이 있는데 오른쪽(B) 열의 너비는 100px로 고정되어 있고 왼쪽(A) 열은 나머지 너비를 채워야 합니다. 또한 A열에는 가로로 추가된 하위 구성 요소 목록이 있습니다. 문제는 자식 컴포넌트를 추가할 때 A열의 너비가 길어지고 B열의 너비가 낮아진다는 점입니다. A열의 너비를 초과하는 경우 A열의 맨 아래 줄에 하위 구성요소를 어떻게 추가할 수 있나요? 자식 요소의 개수가 적은 경우 자식 요소의 개수가 증가한 경우(as is) 자식 요소의 개수가 증가한 경우(TO-BE)

P粉676588738 2023-09-09 18:09:18 0  2  609

scrollIntoView()가 컨테이너를 페이지 상단으로 스크롤하는 것을 방지합니다.

스크롤 스냅을 사용하지만 현재 표시된 슬라이드를 제어하기 위한 탐색 버튼도 포함하는 간단한 "주로 CSS" 이미지 캐러셀을 만들려고 합니다. 내가 찾은 유일한 해결책은 내가 원하는 작업을 수행하는 대상 요소에 scrollIntoView()를 사용하는 것입니다. 그러나 이 방법은 항상 대상 요소를 페이지 상단으로 스크롤합니다. 대상 캐러셀 슬라이드와 컨테이너를 원래 위치에 유지하고 슬라이드가 가로로 스크롤되어 표시되기를 원합니다. 저는 AdamArgyle의 예를 보고 있었는데 그는 이것을 했고 컨테이너는 그 자리에 ...

P粉690200856 2024-03-26 20:25:28 0  1  503

브라우저 크기 조정 시 "offsetWidth" 값을 다시 동기화

여러 하위 항목이 있는 가로 스크롤 div가 있습니다. 너비에 따라 하위 항목이 잘릴 수 있습니다. 따라서 4와 1/2개의 항목이 표시될 수 있습니다. 그래서 저는 Javascript를 사용하여 너비가 자식을 균등하게 분배하도록 합니다. 저는 Javascript를 사용하여 .palette의 너비를 감지하고 이를 표시하려는 항목 수(여백 제외)로 나누고 이를 각 .swatch에 적용합니다. 더 나은/더 쉬운 방법이 있는지 확실하지 않습니까? 이것이 해결책이라면 창 크기가 조정될 때 업데이트되도록 더 책임감 있게 만드는 데 도움이 필요...

P粉463811100 2024-03-29 17:24:18 0  1  480

android - Viewpager 내부 쉘 조각이 수평으로 슬라이드됩니다. 화면이 검게 변한 후 열면 겹침 현상이 발생하는데, 한 조각만 재사용했습니다. 하나님께서 응답하시기를 바랍니다

{코드...} 화면이 검게 변한 후 다시 스와이프하면 겹쳐지는 현상이 발생합니다.

迷茫 2017-05-16 13:30:57 0  1  721

문제 2003(HY000) 해결 방법: MySQL 서버 'db_mysql:3306'에 연결할 수 없습니다(111).

최근에 FastAPIPython 서버를 컨테이너화하려고 했습니다(복제/배가 목적으로도). 이전에는 Docker 컨테이너에 MySQL 서버만 있으면 모든 것이 괜찮았지만 웹 서버도 서비스로 만들었을 때 MySQL 서버에 연결할 수 없어 이제는 애플리케이션이 작동하지 않습니다. 다음은 fromfastapiimportFastAPIimportmysql.connectorapp 애플리케이션에 있는 서버 데이터베이스 초기화 커넥터의 코드 조각입니다.

P粉178132828 2023-09-05 11:18:47 0  1  914

쿼리 제한 후 정렬 실험

이것이 나의 첫 번째 질문입니다. 문제가 있으면 용서해 주십시오. 제약 조건을 기반으로 정렬 쿼리를 만들려고 합니다. 따라서 90개의 레코드가 있는 Customers 테이블이 있습니다. 먼저 3개의 레코드로 제한된 쿼리를 수행한 다음 ContactName이라는 열을 기준으로 이 쿼리의 결과를 정렬하려고 합니다. 내 생각에 이것은 중첩된 쿼리일 수 있습니다. 중첩 쿼리는 SQLServer에서 잘 실행되지만 MySQL에서 구현하는 방법을 모릅니다. 제한 쿼리: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  795

CSS 그리드: 하위 콘텐츠가 열 너비를 초과할 때 새 행 생성

CSS 그리드를 기반으로 하는 두 개의 열 레이아웃이 있습니다. 두 번째 열의 내용이 1fr을 초과하면 새 행을 만들고 싶습니다. 현재로서는 내용이 단순히 열을 넘치게 됩니다. 이 레이아웃의 요구 사항 중 하나는 오른쪽 메뉴 열의 항목이 한 행에 있어야 한다는 것입니다. .right-menu{...grid-auto-flow:columndense;...}를 사용하여 이를 달성합니다. Grid-auto-flow 속성을 제거하면 오버플로가 중지됩니다. 그러나 항목이 이제 여러 행으로 쌓여 있어 내가 원하는 것이 아닙니다. .ri 변환도 ...

P粉212114661 2023-09-05 15:18:28 0  1  673