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

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

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

javascript - vue2.0은 점프 라우팅 시 iframe의 상태를 어떻게 저장합니까?

상단의 탭 탭은 루트 점프를 통해 설정했는데, 예를 들어 바이두 입력창에 몇 단어를 입력한 뒤 오른쪽 탭을 클릭하면 마지막으로 루트 점프를 하게 됩니다. 중첩된 iframe Baidu 탭, 상태를 저장할 수 없습니다. . 좋은 해결책이 있나요?

我想大声告诉你 2017-05-18 10:52:49 0  1  666

Vue 및 axios를 사용하여 페이지를 새로 고치지 않고 데이터 업데이트

Vue와 Axios에 2개의 탭(문제 및 데이터)이 있는 페이지가 있습니다. 첫 번째 탭에서 양식을 작성하고 제출합니다. 저장 버튼 v-on:click="save"를 클릭합니다. save:function(){axios({method:'patch',url:url,data:this.data}).then(function(response){this.data=response.data;} at no.

P粉614840363 2023-08-25 19:15:28 0  1  561

linux-gedit가 우분투에 저장할 권한이 없다는 문제

내 것은 가상 머신 아래의 우분투 시스템입니다. 루트 권한을 얻은 후 gedit를 사용하여 파일을 생성하면 창이 멈추고 루트 권한을 얻지 않으면 코드를 입력할 수 없습니다. 하다.

某草草 2017-05-24 11:32:01 0  3  1615

반응형 모드에서 목록을 도구 모음으로 변경할 수 있나요?

나는 다음과 같은 카드를 가지고 있습니다. nav에는 많은 항목이 있습니다(간단히 설명하기 위해 여기에 하나를 남겨 두었습니다). <divclass="col-md-3"><divclass="card"><divclass="card-header"><h3class="card-title">제목</h3>&lt

P粉743288436 2024-04-02 16:09:27 0  1  418

javascript - 시스템 B가 시스템 A에서 열릴 때 로그인 상태를 유지하는 방법은 무엇입니까?

두 개의 비즈니스 시스템이 내부적으로 배포됩니다. 예를 들어 시스템 a는 10.10.10.10:8088/index.html에 배포되고 시스템 b는 20.20.20.20:8088/index.html에 배포됩니다. 시스템 a의 하위 페이지에 대한 링크입니다. 새 탭에서 시스템 b를 열 수 있습니다. 시스템을 연 후 로그인되었는지 확인하는 방법은 무엇입니까?

滿天的星座 2017-05-19 10:19:37 0  2  743

Android는 네트워크 획득 및 레이아웃 로드를 어떻게 구현합니까?

회사의 원래 프로젝트는 webview를 사용하여 제품을 개발하기 때문에 CSS3 애니메이션을 실행하는 것이 매우 지연됩니다. 네이티브 앱 버전을 개발하고 싶지만 인터페이스를 유연하게 업데이트할 수 있는 웹의 장점도 유지하고 싶습니다. 앱이 시작될 때마다 서버에서 XML을 가져오는 것입니다. A를 개발해본 적이 없어서...

大家讲道理 2017-06-12 09:24:30 0  2  931

내 전자상거래 웹사이트 애플리케이션에 Stripe 관련 문제가 있습니다.

카드 정보를 가져오고 나중에 청구할 수 있도록 Stripe에 저장하기 위해 사용자 정의 구성 요소를 만들어야 합니다. v3:1Uncaught(inpromise)IntegrationError: 지정된 요소에서 데이터를 검색할 수 없습니다. 사용하려는 요소가 여전히 마운트되어 있는지 확인하세요. atni(v3:1:319630)ate._handleMessage(v3:1:324970)ate._handleMessage(v3:1:146061

P粉593649715 2023-09-05 09:15:39 0  1  532

<p> 텍스트를 div 너머가 아닌 아래로 이동시키는 방법

안녕하세요, 카드 슬라이더에 문제가 있습니다. 라벨이 계속 범위를 벗어납니다. 하지만 긴 설명의 전체 텍스트에 맞게 아래로 슬라이드하고 싶습니다. 어떻게 해야 합니까? 긴 텍스트를 사용할 때 텍스트가 구분 기호를 벗어나게 되지만 그 안에 머물기를 원합니다. word-wrap:break-word;를 사용해 보았지만 작동하지 않았습니다. div.scroll-container{Background - 색상:#7289da;공백:nowrap;패딩:

P粉461599845 2023-08-17 18:58:37 0  2  553

브라우저가 포커스를 잃을 때 웹페이지의 JavaScript 카운터를 실시간으로 업데이트하는 방법은 무엇입니까?

저는 Perl로 작성된 HTML, CSS 및 JavaScript를 사용하여 브라우저 게임을 작성하고 있습니다. 건강과 체력은 서버에 저장되며 JavaScript를 사용하여 현재 페이지가 로드될 때 이러한 통계의 실시간 업데이트 개수를 사용자에게 표시합니다. 이 기능은 잘 작동하지만 사용자가 탭을 전환하거나 다른 앱으로 전환하고 브라우저를 백그라운드에서 실행 중인 상태로 두면 돌아올 때 표시되는 카운트 값이 제대로 유지되지 않습니다. 따라서 브라우저로 다시 전환하면 실제로 체력이 100/1인데도 카운터에 50/100 체력이 표시될 수...

P粉825079798 2024-01-16 17:40:29 0  1  524

CSS 행 클래스는 특정 요소를 프레임 밖으로 내보내는 동시에 정적이고 디스플레이 하단에 고정되어야 합니다.

현재 내 페이지는 다음과 같습니다. 두 요소가 서로 옆에 있도록 행 클래스를 추가한 후 하단 탐색 모음이 스크롤해야 하는 위치로 푸시됩니다. 여기에서 행 요소가 없는 다른 페이지를 볼 수 있습니다. 탐색 링크는 디스플레이 하단에 완벽하게 고정되어 있습니다(식물 및 방 탐색 요소는 알림 탭(이미지 1)에 있어서는 안 되므로 이 요소를 무시합니다 이미지 2). 페이지가 스크롤 가능하고 내 탐색바가 올바른 위치에 유지되지만 요소의 윤곽이 올바르지 않습니다. 모든 녹색 상자 디스플레이는 편집 및 삭제 버튼과 함께 서로 포개져 표시되어야 합...

P粉156415696 2024-04-03 18:48:12 0  1  492

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

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

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