CSS - 페이지를 작성할 때 레이아웃 문제가 발생했습니다. 해결을 도와주세요. 긴급합니다. ~

이것은 제가 만들고 싶은 div의 중앙에 있는 육각형 그림입니다. 주변 공의 그림도 있고, 육각형과 공이 서로 연결된 그림도 있습니다. 핵심은 다음과 같습니다. 5개의 작은 공은 점프 링크가 포함된 태그입니다. 사용된 개발 프레임워크는 부트스트랩을 사용했으며, 너비는 1200px로 설정했습니다.

高洛峰 2017-05-16 13:44:31 0  2  627

CSS - 부동 소수점 요소가 떨어지는 문제를 해결하는 방법

이 효과를 얻고 싶지만 현재 코드는 다음과 같습니다. {code...} {code...} 너비 문제에 대한 답변을 많이 읽었습니다. 너비를 줄이기 위해 사진의 크기를 비례적으로 조정할 수 있는 방법이 있습니까?

怪我咯 2017-05-16 13:36:42 0  7  1221

이미지 업로드 문제

개인 정보를 업로드하고 수정해야 합니다. 사용자가 데이터를 입력한 후 데이터가 두 번째로 표시됩니다. 이제 사진을 여러 장 표시하는 것 외에 사진을 다시 업로드할 수도 있습니다. 단, 두 번째 이미지를 수정하여 처음 제출할 때에는 페이지에 모든 데이터가 인쇄되지만, 배경으로 제출할 때에는 새로 추가된 이미지만 업로드되어 인쇄됩니다. . 이미지 데이터도 모두 백그라운드에 업로드되게 하려면 어떻게 해야 하나요?

懒货 2020-03-24 12:17:37 0  0  1083

CSS를 사용하여 배경을 설정할 때 이미지가 몇 개나 겹치지 않게 설정할 수 있나요?

오늘 CSS 배경 이미지에 대해 알아보고 배경 이미지 관련 문제도 많이 연습했는데 마음속에 의문이 생겼습니다. 문제는 배경에 사진이 서로 겹치지 않게 몇 장이나 담을 수 있느냐는 건데, 답변 부탁드립니다. 답을 찾으려고 노력했지만 어디에서도 찾을 수 없습니다. 아시는 분 계시면 답변 부탁드립니다.

P粉818088880 2023-08-16 17:24:10 0  1  544

CSS를 사용하여 Next.js의 Tic-Tac-Toe 보드에서 각 줄 아래의 공간을 제거하는 방법은 무엇입니까?

각 줄 아래에 공백이 있는 이유는 무엇입니까? (CSS) 저는 제 실력을 테스트하기 위해 Next.js tic-tac-toe 앱을 만들려고 합니다. 그러나 CSS에 문제가 있습니다. 보드의 각 행 아래에 패딩 문제가 있는 것 같습니다. 각 행 아래에 작은 공간이 있습니다. 사진이 첨부되어 있습니다. 나는 거의 모든 곳에서 패딩과 여백을 0으로 설정해 보았습니다. 이것이 내 CSS입니다. body{배경색상:검정색;높이:100vh;너비:100vw;여백:0;패딩:0;

P粉004287665 2024-04-05 11:39:02 0  1  1593

javascript - 빈 텍스트 노드에 대해 문의

사진에 있는 작은 점들을 어떻게 제거할 수 있나요? 이것은 내 Firefox 브라우저의 html입니다. 이 작은 점이 나타나는 이유는 파란색 줄무늬 안에 있는 작은 점입니다. Firefox는 이러한 점을 공백 전용 텍스트 노드로 표시합니다. 이러한 빈 텍스트 노드에는 모두 너비가 있습니다.

世界只因有你 2017-05-16 13:36:26 0  1  647

javascript - vuejs에서 데이터를 읽는 데 문제가 있습니다.

그림과 같이 Vuejs를 사용하여 게시용 작은 데모를 작성했는데 이제 게시물에서 img 필드만 읽을 수 있습니다. 어떻게 모든 필드를 읽을 수 있나요? HTML 코드 JS 코드

扔个三星炸死你 2017-06-24 09:43:38 0  2  844

오버플로:내 svg 마스크의 클립을 잘못된 위치에 숨깁니다 :(

후드티 색상을 변경할 수 있는 프로필 사진을 만들어 보려고 합니다. 이미지 1 - 오버플로:없음 이미지 2 - 오버플로:숨김 그러나 원에 맞도록 오버플로를 숨기려고 하면 svg 마스크가 잘못된 위치에 잘립니다. 이를 수행하는 다른 방법이 있습니까? 아니면 더 많은 경험을 가진 사람이 내가 어디에서 잘못되고 있는지 알려줄 수 있습니까? .memoji-wrap{너비:80px;높이:80px;배경:#f6f6f6;border-radi

P粉885035114 2023-09-13 21:45:29 0  1  614

탐색 모음, 기본 콘텐츠 및 바닥글을 중앙에 배치하는 방법

저는 네트워크 코딩의 세계를 처음 접했고 도움이 필요합니다. 나는 지역 스포츠 팀을 위한 웹 페이지를 만들고 있는데, 그 웹 페이지가 그다지 좋아 보이지 않고 WordPress가 사용자 친화적이지 않기 때문에 직접 코딩해 보는 것이 더 쉬울 것이라고 생각했습니다. 페이지 내 네비게이션 바, 주요 내용, 바닥글을 입력할 수 없습니다. 내비게이션 바, 메인 콘텐츠, 바닥글의 너비가 80%로만 입력되어 스포츠 팀의 선수 사진이 포함된 배경을 볼 수 있기를 바랍니다.) #footerWrapper{max-width:80%;max-heig

P粉165823783 2023-09-16 13:52:33 0  1  1202

HTML 테이블의 이미지를 오른쪽 정렬하는 방법

저는 Django 웹사이트를 만들었고 상단에 작은 형태처럼 결과를 표시하고 싶습니다. 왼쪽에 테이블이 있는데 오른쪽 테이블에 두 장의 사진과 또 다른 열을 추가하고 싶습니다. 더 잘 설명하기 위해 다이어그램을 디자인했습니다. 여기에 이미지 설명을 입력하세요. 이제 양식 1과 표에 대한 코드를 작성했습니다. 백엔드 코드도 작성합니다. 이미지와 양식 2가 양식의 오른쪽에 있으므로 HTML 코드를 작성하는 방법을 알고 싶습니다. HTML 코드를 작성하면 표 아래에 표시됩니다. 누구든지 테이블 오른쪽에 그림과 양식 2를 추가하는 데 도움을...

P粉555696738 2023-09-02 09:04:11 0  1  629

CSS: 크기가 다른 하위 요소가 있는 요소를 세로 중앙에 배치하려고 합니다.

안녕하세요 여러분, 여기에 제가 현재 가지고 있는 그림이 있습니다. 3개의 행과 3개의 열이 있는 그리드가 있고(각 열은 최소한의 콘텐츠임) 각 셀의 중앙에 요소를 배치합니다. 좋아 보이지만 헤더가 커지면 스위치와 카테고리 사이의 공간이 너무 커집니다. 이제 div 컨테이너 내부에 중간 행을 만들고 flex를 사용하려고 시도하지만 요소가 중앙에 위치하지 않습니다. 카테고리의 크기가 다른 카테고리의 크기보다 큽니다. 또한 카테고리를 동일한 크기로 만들려고 시도했지만 전체 구성 요소를 페이지 어딘가에 중앙에 배치하면 더 작은 카테고리의...

P粉476046165 2024-02-26 18:39:24 0  1  366

Reactjs SVG 아이콘은 동일한 CSS에도 불구하고 크기가 다릅니다.

Reactjs를 사용하여 웹사이트를 구축하는 것은 이번이 처음입니다. 저는 React Icon Library의 ReactJS 아이콘을 사용해 왔습니다. 이러한 아이콘이 웹사이트의 동일한 부분에서 반복되면 크기가 달라집니다. 참고하실 수 있도록 사진을 첨부합니다.' 수표를 사용하여 확인했습니다. 작은 아이콘의 경로는 9.97x9.97이지만 일반 표시 아이콘의 경로는 14x14입니다. 경로가 무엇을 의미하는지 잘 모르겠고 아이콘 크기가 왜 다른지 잘 모르겠습니다. JSX 코드는 (예) importReactfrom'react'imp입니다...

P粉184747536 2024-04-01 13:18:38 0  1  471

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

AND, OR 및 NOT 연산자를 사용한 PHP 전체 텍스트 검색 기능

초보자 질문: PHP와 eloquent를 사용하여 검색 문자열에 대한 전체 텍스트 검색을 구현하려고 합니다. $searchstring="+(피해자)+범죄-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  570

모든 PHP 유형을 문자열로 변환하는 가장 짧은 방법

나는 언젠가 의학과 같은 분야에 적용될 수 있기를 바라는 일반 시스템(즉, "과학적")을 작성하고 있습니다. 내 생각에 가장 좋은 방법은 PHP의 모든 데이터를 문자열로 표현하는 것입니다(true는 "true", false는 "false" 등). 그 이유는 PHP에서 모든 값은 고유한 문자열 표현(예: PHP 코드 자체)을 갖기 때문입니다. 이 프로그램의 설계 속도를 높이기 위해 이 질문을 게시합니다. 숫자, 부울 등 일부 값은 쉽게 문자열로 변환됩니다. 개체, 배열, 리소스 등...

P粉369196603 2023-09-05 15:34:44 0  1  999

다른 열을 기준으로 그룹화하면서 MySQL에서 DATETIME 열의 평균을 얻는 방법

다음 쿼리를 사용하여 MySQL 테이블을 생성하고 채우고 있습니다. SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01 -0310:

P粉460377540 2023-09-05 11:46:21 0  1  503

다중 장치(휴대폰) 동기화 - React Native

모든 사용자의 모바일 장치에서 동시에 실행되는 Lightshow를 만들려고 합니다(최대 2000-3000명의 사용자가 있을 수 있음). 모든 사용자는 인터넷(Wi-Fi 또는 모바일 데이터)을 사용합니다. FE에서는 구독을 위해 Apollo를 사용하는데 이는 정말 매력적입니다. 하지만 문제는 사용자 A가 사용자 B보다 더 빨리 구독 이벤트를 얻을 수 있다는 것입니다. 이는 사용자 A가 사용자 B보다 먼저 게임을 시작한다는 것을 의미합니다. 이는 우리가 라이트쇼 아키텍처를 사용하고 사용자가 더 일찍 또는 나중에 시작할 수 없기 때문에 ...

P粉151466081 2023-09-05 11:58:38 0  1  694