하위 요소의 글꼴 크기를 변경하면 Flex 컨테이너가 원래 위치에서 벗어나는 이유는 무엇입니까?

이 문제는 매우 이상합니다. 일반 컨테이너와 Flexbox에서는 다르게 동작합니다. 첫 번째 하위 요소의 글꼴 크기를 변경할 때 컨테이너 높이를 변경하는 이유는 무엇입니까? 유연한 상자의 경우 왜 특정 거리만큼 아래로 또는 위로 이동합니까? 이 문제를 어떻게 해결할 수 있나요? Flexbox가 움직이지 않기를 바랍니다.

P粉186897465 2023-07-23 15:17:08 0  2  598

문제 발생: 웹 애플리케이션에서 사용자 정의 WOFF 글꼴을 렌더링하는 동안 오류가 발생했습니다.

저는 현재 웹 애플리케이션을 개발 중이며 CSS의 @font-face 규칙을 사용하여 특정 요소에 대한 사용자 정의 글꼴을 구현하려고 합니다. 글꼴을 정의하고 이를 특정 요소에 적용하는 표준 프로세스를 따랐지만 글꼴을 올바르게 렌더링하는 데 문제가 있습니다. 내가 사용하는 관련 코드는 다음과 같습니다. @font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url('data:applicati

P粉448346289 2023-08-15 10:46:58 0  1  476

상위 요소와 하위 요소 CSS 간의 글꼴 크기 문제

.logo{너비:25%;디스플레이:flex;justify-content:center;align-items:center;font-size:1.3rem;border:2pxsolidgold;}.logoh1{margin-left:1vw;/*font-size :1.3rem;*/border:2pxsolidred;}<sectionid="l&

P粉198670603 2023-09-08 16:30:50 0  2  533

javascript - CSS 전역 스타일을 동적으로 수정하기 위해 JS를 구현하는 방법

페이지의 CSS 전역 스타일을 동적으로 수정하려는 경우(예: 페이지의 모든 글꼴 색상을 빨간색으로 변경) CSS {code...}를 통해 이를 수행할 수 있습니다. js를 사용하는 경우 버튼을 사용하세요. 페이지에서 모든 요소의 스타일을 수정하려면 즉, js를 클릭하세요. 버튼은 페이지의 모든 요소의 스타일과 글꼴 색상을 빨간색으로 동적으로 변경합니다...

阿神 2017-05-19 10:11:38 0  3  617

사용자 정의 글꼴은 RN-SVG <Text/>에서 렌더링되지 않습니다.

내 코드에서는 다음을 시도합니다. import{useFonts}from'expo-font'useFonts({'RoboNumbers':require('../assets/fonts/my-custom.ttf'),}) 이제 글꼴 모음을 렌더링할 때 RN 자체 또는 RN-Paper의 텍스트 요소를 가져올 때 올바르게 표시됩니다. import{Text}from'react-native-paper'conststyles=Styl

P粉743288436 2023-09-06 09:01:24 0  1  513

WeChat에서 임시 자료를 다운로드할 때 검은색 이미지가 나타납니다.

여러분 저는 jssdk를 사용하여 WeChat h5 페이지의 사진을 호출한 다음 임시 인터페이스에 업로드했습니다. WeChat 서버에서 얻은 media_id를 ajax를 통해 다시 배경으로 전달한 다음 임시 자료에서 사진을 다운로드했습니다. 첫 번째 작업은 완벽했습니다. 그 후 중간에 "이미지 로드 중..."이라는 단어가 있는 검은색 사진이 몇 개 더 있을 것입니다.

凡人 2019-10-05 13:51:41 0  0  1177

별도의 HTML 요소로 분할된 텍스트 줄의 글꼴 간격 유지

저는 애니메이션을 통해 단어를 개별적으로 배치할 수 있도록 단어를 별도의 HTML 요소로 분할하는 일반적인 기술을 재현하려고 합니다. 내가 겪고 있는 문제는 단어가 별도의 요소로 분리될 때 단어 사이의 간격이 사라진다는 것입니다. 각 단어 뒤에 렌더링하거나 각 요소에 패딩을 추가하여 간격을 추가할 수 있지만 컨테이너에 간격을 수동으로 추가/구부리지 않고 이 작업을 수행할 수 있는 방법이 있는지 알고 싶습니다. 원래 간격을 유지할 수 있나요? ? gsapSplitText와 같은 플러그인이 있다는 것을 알고 있지만

P粉258083432 2023-09-10 18:37:01 0  1  628

글꼴 스타일의 너비를 어떻게 독립적으로 고정할 수 있나요?

수평 메뉴가 있습니다: Text Text 2 사용자가 li 중 하나를 클릭하면 해당 글꼴이 굵게 표시됩니다. 따라서 li 요소의 너비가 약간 변경됩니다. 결과적으로 메뉴가 이동합니다. 텍스트 너비에 영향을 받지 않도록 수정하려면 어떻게 해야 합니까?

P粉502608799 2023-08-13 19:50:49 0  1  471

특정 로케일에 대해 별도의 루트 글꼴 크기를 설정하는 방법이 있습니까?

나는 반응 및 CSS 모듈로 작성된 디자인 시스템을 가지고 있으며 간격, 글꼴, 요소 크기 등의 단위는 모두 rem(기본 값을 16px로 설정)으로 작성되었습니다. html{font-size:16px;}::root{ - -간격-1:0.25rem;--간격-2:0.5rem;--간격-3:0.75rem;--간격-4:1rem;--간격-5:1.25rem;.....-- h1 -글꼴 크기

P粉006847750 2024-01-10 17:43:21 0  1  403

글꼴 크기를 줄이면 어떻게 높이가 늘어나나요?

::before 의사 요소를 사용하여 콘텐츠를 삽입하는 특정 줄 높이의 블록이 있습니다. .block::before{content:'textthere';} 이것은 잘 작동합니다. 그러나 콘텐츠에 더 작은 글꼴 크기 .block::before{font-size:.6em;content:'textthere';} 를 부여하면 블록이 실제로 더 커집니다. 왜 그런 겁니까? .container{display:inline-block;}.lo

P粉947296325 2023-11-23 12:42:17 0  2  1029

Elementor의 게시물 위젯에 연결하기

각 게시물의 게시물 제목 아래에 추가 H2 태그를 표시하기 위해 ElementorPostsWidget을 연결하는 방법을 찾고 있습니다. 그런 다음 단일 포스트 ACF 필드에서 이 H2 값을 가져옵니다. 내가 읽은 다른 내용에 따르면 출력의 전체 HTML을 문자열로 가져오는 방법이 있지만 이는 문자열 교체가 많이 필요하므로 미래에도 적합하지 않습니다. 예: 요소 또는 위젯에 연결하시겠습니까? https://developers.elementor.com/docs/hooks

P粉268654873 2023-12-13 13:29:31 0  1  691

컨테이너 크기에 따른 글꼴 크기 조정

글꼴 크기 조정 문제를 이해하는 데 어려움을 겪고 있습니다. 현재 본문 글꼴 크기가 100%인 웹사이트가 있습니다. 100% 그런데 뭐? 이는 16픽셀로 계산된 것 같습니다. 나는 100%가 어떻게든 브라우저 창의 크기를 참조하는 것이라는 인상을 받았지만 분명히 그렇지 않습니다. 창 크기가 모바일 너비로 조정되거나 전체 와이드스크린 데스크톱으로 조정되는지 여부에 관계없이 항상 16픽셀이기 때문입니다. 컨테이너를 기준으로 웹 사이트 규모에 따라 텍스트를 만드는 방법은 무엇입니까? 나는 em을 사용해 보았지만 이것도 확장되지 않습니다....

P粉217784586 2023-10-08 21:42:41 0  2  724

javascript - 많은 웹 페이지의 프런트 엔드는 버튼 아이콘 등과 같은 많은 작은 자료로 전체 그림에서 잘려져 있습니다. 이유는 무엇입니까? 모바일 개발도 이런 방식으로 운영되나요?

예를 들어 Weibo의 v 인증 아이콘을 사용할 때 UI를 자르는 대신 파일 배치로 나누는 것은 어떨까요? 그런데 실제 개발 중에도 휴대폰에서 이런 작업이 이루어지나요?

淡淡烟草味 2017-07-03 11:42:32 0  3  919

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

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

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

쿼리 제한 후 정렬 실험

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

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

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

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

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

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  509

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

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

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

다른 열을 기준으로 그룹화하면서 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  470