Tailwind CSS를 사용하여 CSS 그리드에서 카드의 너비와 높이를 고정합니다.

저는 TailwindCSS와 React를 사용하여 앱을 만들고 있는데, 보기 중 하나에 카드 그리드가 있습니다. 현재 상황은 다음과 같습니다. 보시다시피 창을 축소하면 카드가 창 안으로 들어가게 됩니다. 카드 크기(너비 및 높이)가 항상 동일하게 유지되도록 하고 창이 작아지면서 카드 수가 한 행에 맞지 않으면 다음 행으로 이동하도록 하고 싶습니다. (MS 그림판으로 제작)과 유사: 화면이 작아져도 카드 크기는 고정(동일한 종횡비)으로 유지됩니다. 현재 내 코드는 다음과 같습니다. Grid: <div&gt

P粉184747536 2024-03-26 21:34:28 0  1  502

우분투 16.04의 무선 네트워크 카드 문제

무선 USB 네트워크 카드를 삽입한 직후 Ubuntu 16.04가 충돌했습니다. 무선 네트워크 카드는 TP-link입니다. 시스템을 설치한 후 USB 무선 네트워크 카드를 삽입하면 정상적으로 시작할 수 있습니다. 마지막으로 종료할 때 멈췄습니다. 밤에 강제로 종료되었습니다. 오늘 부팅할 때 검은색 화면이 나타나고 /dev/sda1/recevori...라는 메시지가 나타납니다.

过去多啦不再A梦 2017-04-24 15:58:54 0  0  1017

vmware install centos7 네트워크 카드 구성

VMware10과 함께 centos7 가상 머신이 설치되었지만 가상 머신이 네트워크 카드를 찾을 수 없습니다. 여러 가지 방법을 시도했지만 여전히 작동하지 않습니다. 구성하는 방법을 아는 사람이 있나요? 감사합니다!

漂亮男人 2017-04-25 09:01:09 0  2  779

단일 그리드 또는 Flex를 사용하여 다양한 카드 레이아웃 만들기: 실용적인 가이드

그림과 같은 반응형 카드 레이아웃을 만들려고 합니다. 제가 현재 하고 있는 일은 컴퓨터, 태블릿, 모바일 기기용으로 별도의 레이아웃을 만드는 것입니다. 그런 다음 미디어 쿼리를 사용하여 다른 두 보기의 표시 속성을 display:none으로 설정했습니다. 예: 컴퓨터 보기에 있는 경우 컴퓨터의 카드 레이아웃에는 디스플레이가 "없음"으로 설정되지 않지만 다른 두 컴퓨터의 디스플레이는 없음으로 설정됩니다. 이는 효과가 있지만 중복이 많이 발생합니다. Flex 또는 Grid를 사용하여 세 가지 레이아웃을 모두 구현하는 ...

P粉808697471 2024-04-02 21:07:36 0  2  575

git - 도메인 이름을 사용하여 SVN Warehouse에 액세스하는 방법, 내부 네트워크는 내부 IP를 사용하고 외부 네트워크는 외부 IP를 사용하도록 해야 합니까?

예를 들어 svn://aaaaa.com/bcd를 사용하여 창고의 외부 네트워크에 연결하면 이미 액세스할 수 있습니다. 내부 네트워크를 사용할 때 svn이 자동으로 내부 네트워크의 IP를 사용하여 연결하도록 하려면 어떻게 해야 합니까? ? 내부 네트워크의 DNS 서버를 구성해야 합니까? DNS를 구성하지 않고 이 기능을 어떻게 구현할 수 있습니까?

習慣沉默 2017-05-02 09:44:18 0  1  795

javascript - 사용자 네트워크 환경 결정

사용자의 네트워크가 유용한지 확인하기 위해 js를 사용하는 방법을 알려주십시오. 즉, 사용자가 외부 네트워크를 사용할 수 있는지 확인하고 싶습니다. 그리고 그가 인터넷에 접속할 수 있는지 확인하시겠습니까? 하나님, 저를 도와주세요. . .

阿神 2017-07-05 11:07:13 0  3  1174

작은 가죽 패널을 인트라넷에서 사용할 수 있나요?

저는 phpstudy의 통합 환경을 사용하고 있습니다. 업무상의 필요로 인해 언제든지 커뮤니티에 와서 Xiaopi를 사용하고 싶었습니다. 작은 가죽 패널을 인트라넷에서 계속 사용할 수 있습니까?

小彭同学 2020-06-30 18:23:37 0  0  1556

웹 크롤러 - Java를 사용하여 정보를 크롤링하고 순위 시스템을 만드는 방법은 무엇입니까?

자바 웹을 배우다가 우연히 재미있는 프로젝트가 생겼습니다. 우리 학교에서는 아침 달리기를 위해 신용카드 결제를 요구합니다. 체육부에서는 문의 웹사이트를 제공하지만 인터페이스는 제공하지 않습니다. 웹사이트/WeChat 백엔드를 만들어 학교 웹사이트에서 정보를 수집하고 이를 데이터베이스에 저장하고 싶습니다. 그러면 사용자가 내 웹사이트/WeChat을 통해 쿼리할 수 있습니다.

迷茫 2017-06-12 09:19:16 0  4  689

javascript - js는 웹사이트를 방문하는 사용자의 IP를 가져옵니다.

요구 사항이 있고, 포털 페이지가 있고, 페이지에 링크가 있고, 사용자가 포털에 방문하면 사용자의 IP를 가져와서 특정 범위에 있는지 확인합니다(예: IP의 마지막 숫자가 5, 8) 링크 a를 클릭하면 A사이트로 들어가고, 그렇지 않으면 B사이트로 이동합니다. 사용자가 포털을 방문하면 어떻게 알 수 있나요?

仅有的幸福 2017-06-28 09:24:53 0  1  691

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

그리드 템플릿 영역을 통해 요소 배열을 얻으려고 하는데 작동하지 않습니다. 블록을 수직, 수평으로 배열하기 위해 그리드 시스템을 사용하려고 합니다. 왼쪽의 그림과 반대쪽의 텍스트를 사용하세요. 이 코드는 왜 작동하지 않나요? .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  749

사이트에 CSS 스타일이 적용되지 않음

Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경이 변경되어 전환 효과가 나타납니다. 이것부터 이것까지 되어야 합니다. 그런데 사이트의 배경색을 임의의 색상으로 변경하려고 하면 변경사항이 사이트에 나타나지 않기 때문에 HTML에 연결된 CSS에 문제가 있을 수 있다고 생각합니다. @importurl('https://fonts.googleapis.com/css2?family=P

P粉613735289 2024-04-06 17:12:23 0  1  655

높이가 예상한 것과 다른 CSS 그리드에 문제가 있습니다. 어떤 실수를 저지를 수 있습니까?

저는 현재 CSS 그리드를 배우고 있는데 이 카드를 그리드로 나누어서 만들어 달라는 요청을 받았습니다. 제가 만들고 싶은 그리드의 사진이 첨부되어 있습니다. 실제로 이러한 모든 카드가 정렬되는 더 큰 그리드(CSS에서는 profile-grid라고 함)가 있으며 이 더 큰 그리드의 높이는 255px입니다. 카드와 카드 내부의 그리드가 모두 이 255px 높이를 따르기를 원합니다. 카드 자체의 높이를 올바르게 설정했지만 내부 그리드의 높이는 그렇지 않습니다. 내부 그리드 자체는 2개의 행으로 구성되어 있으며, 첫 번째 행은 높이 150...

P粉875565683 2024-04-06 12:52:14 0  1  567

javascript - 지연을 위해 animation-defer 또는 settimeout을 사용하면 애니메이션이 멈추는 반면 지연을 사용하지 않으면 매우 원활한 이유는 무엇입니까?

1. animation-defer 또는 settimeout을 사용하면 지연이 발생하는 이유는 무엇입니까? 지연을 사용하지 않고도 매우 원활하게 작동합니다. 예를 들어 아래와 같이 지연이 항상 발생한다는 의미는 아닙니다. 애니메이션: Moveup 0.9초 Ease-in-out 앞으로;...

PHP中文网 2017-05-24 11:37:02 0  1  817

HTML/CSS 그리드가 그리드에서 작동하지 않는 이유는 무엇입니까?

다른 그리드 내의 그리드에 입력 양식을 만들려고 하는데 작동하지 않습니다. CSS 그리드를 만드는 방법을 여러 번 찾아봤지만 내가 뭘 잘못하고 있는지 모르겠습니다. 전체 페이지가 첫 번째 그리드 상자에 갇혔습니다. 그리드를 올바르게 구현하기 위해 올바른 위치를 사용하고 있는지 또는 그리드 클래스/ID를 넣는 방법이 될 수 있는지 궁금합니다. 저는 html/CSS를 처음 사용하므로 다른 질문이 있으면 문의해 주세요. 알려줘요. (복사하여 붙여넣을 때 들여쓰기가 엉망이 되어 고치려고 노력한 것 외에도) <!Doctypehtml&g...

P粉146080556 2024-02-17 15:49:36 0  1  442

javascript - js 확인, 신용 카드와 직불 카드?

신용카드와 직불카드 모두 이 Luhm 알고리즘을 사용합니까? 다음 단락에서 일부 카드 번호를 올바르게 확인할 수 없는 것 같습니다. 이와 유사한 코드를 제공할 수 있습니까? 감사합니다 //설명: 은행 카드번호 Luhm 확인 //Luhm 확인 규칙: 은행 카드 번호 16자리(19자리가 일반적입니다):// 1. 하지 않습니다...

ringa_lee 2017-05-19 10:10:36 0  1  734

javascript - js는 사용자의 네트워크가 인터넷에 액세스할 수 있는지 여부를 결정합니까?

프런트 엔드에서는 사용자 네트워크가 인터넷에 액세스할 수 있는지 여부를 어떻게 확인합니까? 일부 사용자는 외부 네트워크가 없으면 내부 네트워크를 가질 수 없기 때문에 인터넷에 액세스할 수 없는 사용자를 감지하려면 외부 링크에 대한 연결을 취소하면 됩니다. 경험이 있는 사람은 판단할 수 있는 방법을 제공할 수 있습니까? ~~

女神的闺蜜爱上我 2017-07-05 10:51:37 0  9  1081

Qigui.com과 유사한 웹사이트 구축 시스템이 어떤 것을 사용하는지 아는 사람이 있나요?

Qigue.com과 유사한 웹사이트 구축 시스템이 어떤 것을 사용하는지 아는 사람이 있나요? , 개인적으로는 CMS 시스템인 것 같은데, 아닌 것 같죠? ?

创意生涯 2021-02-27 18:44:20 0  1  1020

웹 페이지를 만들 때 어떤 도구를 사용하는지 물어봐도 될까요?

웹 페이지를 만들 때 어떤 도구를 사용하는지 물어봐도 될까요?

清汤筱面 2018-03-16 20:53:34 0  2  1477