콘텐츠 너비에 맞게 텍스트 영역의 크기를 조정하고 최소 및 최대 너비를 설정하려면 어떻게 해야 합니까?

이제 텍스트 영역에 문제가 있어서 콘텐츠 너비에 맞게 크기를 조정할 수 없습니다. 콘텐츠 높이에 대한 길고 자세한 답변을 찾았는데 작동합니다! 그런데 위의 내용 너비가 없습니다... 이 기사는 자동 크기 조정으로 텍스트 영역 만들기 그러나 문제가 해결되지 않았습니다. 너비 크기도 조정해야 합니다. 최대 및 최소 너비를 고려하십시오. 샘플 코드는 다음과 같습니다. $("textarea").each(function(){this.setAttribute("s

P粉277824378 2023-09-05 11:21:30 0  1  571

내 웹사이트가 다양한 화면 크기에서 완벽하게 표시되도록 하려면 어떻게 해야 합니까?

저는 TailwindCSS를 이해하려고 노력 중이며 현재 반응형 직원 카드를 만들려고 노력 중입니다. 하지만 최근에 겪고 있는 문제는 내 카드가 Tailwind의 모든 중단점에서 반응하지만 높이가 900일 때만 반응한다는 것입니다. 높이를 높이면 아래쪽에 공간이 늘어나고, 창 높이를 낮추면 내용이 넘칩니다. 모든 높이와 너비에 맞게 만들려면 어떻게 해야 합니까? [높이가 900이고 Tailwind 중단점 너비 내에 있는 경우에만 완벽하게 작동합니다.] 실시간 미리보기는 다음과 같습니다. GithubRepo 코드는 다음과 같습니다. ...

P粉006540600 2023-08-27 08:55:57 0  2  556

Flex에 내장된 반응형 YouTube

반응형 YouTube 및 일부 다른 콘텐츠를 Flex 컨테이너에 포함하려고 시도했지만 YouTube가 포함된 컨테이너가 커지지 않아 겹치거나 다른 요소와 겹칩니다. 잘 설명했는지 모르겠어서 보여드리기 위해 코드와 박스도 만들어봤습니다: https://codesandbox.io/s/objective-mountain-m4dhhb?file=/src/App.jsimport{Box,Paper }from"@mui/mat

P粉111641966 2024-03-21 23:20:29 0  1  291

jquery를 사용하여 전화번호 길이를 확인하는 것이 작동하지 않습니다.

jquery를 사용하여 전화번호 길이의 유효성을 검사하려고 합니다. 사용자가 직접 입력을 시작하면 다음 코드가 표시되어야 합니다. functionvalidatePhone(phone){if(phone.value.length<=10&&phone.value.length>= 5){letvar='예';returnvar;}else{letvar='No';returnvar;}}재미있습니다

P粉520545753 2024-03-30 11:39:59 0  1  403

함수 라이브러리를 다운로드하기 위해 선생님의 비디오 캡슐화를 따라갔습니다. 그런데 다운로드가 안되네요

함수 dow_file($filename){     header('Accept-Length:'.filesize($filename));     header('콘텐츠 처리:첨부;파일 이름='.basen

善為 2019-02-21 13:47:18 0  2  984

이미지와 콘텐츠로 반응형 페이지 디자인

저는 프런트 엔드를 처음 접했고 레이아웃과 응답성을 다루는 데 몇 가지 문제가 있습니다. 이것은 지금까지 내 코드입니다: body{margin:0; background-color:#353535;}.header{color:white;text-align:center;font-size:20px;margin:auto;font-family :'Inter ',serif;글꼴-가중치:bold;너비:700px;

P粉676588738 2023-09-07 15:55:30 0  1  501

마우스를 올리면 콘텐츠 표시(카드 높이에는 영향을 주지 않음)

마우스를 올리면 표시되는 콘텐츠가 포함된 블록이 있습니다. 효과가 작동하는 방식은 다음과 같습니다. .hoverCard는 기본적으로 기본 콘텐츠를 표시합니다(.hoverCard__showOnHover의 콘텐츠는 숨겨짐). 사용자가 .hoverCard 위로 마우스를 가져가면 .hoverCard__showOnHover가 해당 콘텐츠를 표시하고 .hoverCard__body가 위로 전환됩니다("열림" 제공). ” 효과) 데모에서 위의 시각적 효과를 볼 수 있지만 애니메이션이 완벽하게 작동하도록 할 수는 없습니다. 내가 ...

P粉289775043 2024-03-27 20:29:28 0  1  384

CSS는 다른 기술 없이 수평 버튼을 구현합니다.

가장 긴 버튼의 너비를 기준으로 동일한 너비의 두 개의 가로 버튼을 만들려고 합니다. 각 버튼의 텍스트 내용은 사용자가 별도의 페이지에서 조정할 수 있습니다. 따라서 텍스트 길이/첫 번째 버튼과 두 번째 버튼의 텍스트 길이를 제어할 수 없습니다. 버튼을 가장 긴 텍스트의 길이에 맞게 조정하되 페이지 너비(예: 모바일 장치)를 초과하지 않기를 원합니다. 버튼이 기본적으로 가로로 표시되기를 원하지만, 가로로 표시되지 않으면 열로 쌓이게 됩니다. 전체 텍스트가 맞지 않으면 줄 바꿈할 버튼의 텍스트가 필요합니다. <divclass=&...

P粉893457026 2023-09-04 12:29:02 0  1  563

TypeScript/Angular 클라이언트 생성 서버 측 텍스트 파일 변환 문제

"문제는 클라이언트 브라우저 요청에 대한 응답으로 서버측 파일에 텍스트 콘텐츠를 쓰려고 한다는 것입니다. 참고: TypeScript/PHP/서버 작업을 하면서 오랜 시간이 걸렸으므로 하지 마세요. 기본적으로 내가 모든 것을 알고 있다고 가정하지는 마세요 :) 내 코드를 기반으로 수정했습니다: /questions/11240996/write-ja"

P粉022140576 2023-08-07 15:48:34 0  1  464

javascript - Ajax 비동기 로딩과 관련하여 데이터 지연 문제에 대해 문의하세요.

외부에 빈 배열을 정의한 다음 ajax 요청을 만들고 요청 내에 다른 요청을 중첩한 다음 마지막으로 이를 세 개의 개체로 연결하여 빈 배열에 삽입합니다. 그런 다음 가장 바깥쪽에 배열 길이를 인쇄했는데 인쇄된 길이는 0입니다. 이 문제는 할당에 영향을 미칩니다. 해결 방법을 알려주십시오.

阿神 2017-06-30 09:53:44 0  6  687

MUI 칩: 오버플로/타원을 비활성화하는 방법은 무엇입니까?

React에서 MUI를 사용할 때 Chip 구성 요소 내부의 레이블을 기준으로 유연한 너비를 설정하고 싶습니다. 예를 들어, 긴 라벨인 경우 Chip의 너비는 더 넓어야 합니다. 라벨이 짧으면 칩의 너비도 더 작아질 수 있습니다. 요약하자면, 전체 라벨은 잘리지 않고 칩 내에서 표시되어야 합니다.

P粉864594965 2023-07-27 18:00:52 0  1  662

제목이 다음과 같이 재작성되었습니다: 가변상자 메뉴 및 제목이 있는 테이블 - 테이블 너비에 따라 제목을 자를 수 있습니까?

flexboxCSS를 사용하여 이와 같은 것을 달성하고 싶습니다. 메뉴는 너비가 고정되어 있지만 표는 자동으로 커질 수 있으며 헤더는 길더라도 표 너비를 초과해서는 안 됩니다. 즉, 테이블은 열 컨테이너를 확장할 수 있어야 하지만 헤더는 확장할 수 없어야 합니다. +----+---------+|메뉴|제목||+-------+||테이블|+----+---------+ 이는 단 하나의 플렉스 컬럼으로 쉽게 달성할 수 있습니다. &lt;html&gt;&lt;스타일&gt;

P粉642920522 2023-09-06 17:30:06 0  1  409

Laravel에서 Illuminate\Foundation\Http\FormRequest를 사용하여 와일드카드 요청을 받는 것을 확인할 수 있습니까?

와일드카드 날짜가 있는 GET 경로가 있습니다. 일 와일드카드는 20220507(YYYYMMDD)와 같은 문자열입니다. 문자열을 확인한 후 올바른 응답을 원합니다. 응답을 보내기 전에 문자열 길이와 형식을 확인하고 싶습니다. 제 질문은 Illuminate\Foundation\Http\FormRequest 또는 Illuminate\Http\Request:request를 사용하여 문자열의 유효성을 검사할 수 있습니까?입니다. 아니면 게시 요청만 수락합니까? 코드: phparti

P粉087951442 2024-03-27 17:23:42 0  1  418

div 높이를 제한하는 프로젝트 구현 방법

중간 열의 높이 일부에 문제가 있는 3열 레이아웃이 있습니다. 일반적으로 말하자면 채팅 애플리케이션입니다. 클래스 이름은 다음과 같습니다. 이 세 개의 열을 포함하는 컨테이너의 경우(열의 높이를 동일하게 만들기 위해 이와 같은 그리드를 사용하기로 결정했습니다): display:grid;grid-template-columns:360pxauto300px;grid-auto-rows:1fr;left 열과 오른쪽 열은 덜 중요하지만 왼쪽 열에는 사용자 목록이 표시된다는 점에 유의해야 합니다. 목록의 길이는 다를 수 있습니다(사용자는 필터링될...

P粉814160988 2023-09-13 20:46:45 0  1  566

Chrome 확장 프로그램에서 HTTP 응답 수정

HTTP 응답 본문을 수정할 수 있는 Chrome 확장 프로그램을 만드는 것이 가능합니까? Chrome 확장 API를 살펴봤지만 이 기능을 구현하는 항목을 찾지 못했습니다.

P粉038161873 2023-08-21 23:44:53 0  2  622

CSS를 사용하여 남은 수직 공간을 채우려면 display:flex를 사용하세요.

3행 레이아웃에서: 맨 위 행은 내용에 따라 크기가 조정되어야 합니다. 맨 아래 행은 고정된 높이(픽셀)를 가져야 합니다. 중간 행은 컨테이너를 채울 수 있도록 확장되어야 합니다. 문제는 주 콘텐츠가 확장되면 머리글과 바닥글 줄이 눌린다는 것입니다. : 섹션{display:flex;flex-flow:column;align-items:stretch;height:300px;}헤더{flex:01auto;배경:tomato;}div{flex:11auto

P粉794851975 2023-08-23 22:23:14 0  2  475

CSS - 배경 이미지가 포함된 반응형 레이아웃을 작성하는 방법

이와 비슷하게 이제 배경 이미지로 컴포넌트를 만들고 싶은데 배경 이미지의 크기가 100%가 될 수 없고 가운데에 컨텐츠가 있어야 하고 왼쪽에는 이미지, 오른쪽에는 텍스트가 있어야 만드는 방법입니다. 반응이 좋나요?

怪我咯 2017-07-06 10:37:20 0  3  2080

Python에서 매우 긴 목록을 사용하면 과도한 메모리 사용량이 발생합니다.

프로그램에서 길이가 500,000이 넘는 List를 사용해야 하는데, 결과적으로 메모리 사용량이 순간적으로 증가합니다. 이를 최적화하려면 어떤 방법을 사용해야 합니까?

扔个三星炸死你 2017-07-05 10:51:29 0  1  1439

CSS 그리드 레이아웃 정사각형 셀

CSSGrid-Layout을 기반으로 대시보드 같은 뷰를 만들고 싶습니다. 나는 화면의 전체 길이에 걸쳐 16개의 열을 펼치고 싶습니다(반응성이 있어야 함). 그런 다음 셀을 정사각형으로 만들기 위해 셀의 높이를 셀의 너비에 따라 결정해야 합니다. 문제는 일부 셀이 여러 셀에 걸쳐 있기를 원한다는 것입니다. 예를 들어, 2x1 셀을 차지하는 요소를 원합니다. 그래서 기본 그리드 레이아웃이 있습니다. .grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32 0  1  465

ionic 앱의 데이터를 Google Cloud Function에 게시하는 방법

ionic 앱에서 Google Cloud Functions로 데이터를 보내려고 하는데 다음 오류가 계속 발생합니다. 소스 "http://localhost:8100"에서 액세스한 "https://xxxxxxxxxxxxxxx.cloudfunctions.net/upload_data"의 XMLHttpRequest가 차단됨 CORS 정책에 따라: 액세스는 실행 전 응답에서 요청 헤더 필드 Content-Type-Control-Allow-Headers를 허용하지 않습니다. 지금 바로

P粉439804514 2024-02-04 09:41:03 0  1  437