vue 및 vuetify 구성 요소에 대한 마우스 오버 효과

그래서 다음 문서의 예에 표시된 대로 마우스 오버 효과를 재현하려고 했습니다. https://blog.prototypr.io/stunning-hover- effects-with-css-variables-f855e7b95330 하지만 제 경우에는 Vue를 사용하고 싶습니다. .js를 사용하여 vuetify 라이브러리의 v-card에 호버 효과를 적용합니다. 이것이 나의 시도입니다: https://codepen.io/pokepim/pen/NWdwOEq

P粉032649413 2024-03-27 16:31:16 0  1  458

CSS - 한 줄 및 여러 줄 텍스트를 가운데에 배치하는 방법

그림과 같이 텍스트가 한 줄만 있으면 텍스트가 세로로 가운데에 맞춰집니다. 두 줄의 텍스트가 있으면 텍스트도 세로로 가운데에 맞춰집니다. 추신: flex를 사용할 필요가 없습니다.

过去多啦不再A梦 2017-05-16 13:26:34 0  8  1811

p 태그는 어떻게 모든 텍스트를 한 번에 표시합니까?

p 태그는 어떻게 모든 텍스트를 한 번에 표시합니까?

汁汁 2019-05-07 23:04:16 0  2  1491

상세 표시 문제, 미니 프로그램이 바이두 리치 텍스트 편집기에서 업로드한 이미지와 텍스트를 백그라운드에서 어떻게 표시할 수 있나요?

그림과 같이 미니 프로그램은 리치 텍스트로 업로드된 이미지와 텍스트를 어떻게 표시할 수 있나요?

景云 2020-12-19 09:51:20 0  2  1182

텍스트의 내부 그림자를 구현하는 방법은 무엇입니까?

text-shadow를 사용하여 텍스트 그림자를 구현할 수 있습니까? 그렇다면 텍스트의 내부 그림자를 표시하는 방법은 무엇입니까?

不言 2018-10-23 17:28:03 0  1  1215

javascript - 테두리 상단 중앙에 텍스트를 넣는 방법

그림과 같이 상단 테두리 중앙에 텍스트를 배치하는 방법에 대한 구현 또는 아이디어입니다.

某草草 2017-05-19 10:44:10 0  3  585

미디어 쿼리로 인해 텍스트가 압축됩니다.

그래서 저는 현재 친구가 스타트업에서 사용할 웹사이트를 구축하는 것을 돕고 있습니다. '회사 소개' 섹션에 문제가 있습니다. 컴퓨터에서는 그림이고 Flexbox를 사용하여 그림 옆에 텍스트를 추가합니다. 단, 모바일에서는 텍스트가 이미지 아래에 있어야 합니다. 그러나 현재 텍스트는 화면의 절반을 채우고 이미지 위에 위치하도록 찌그러져 있습니다. 여러 가지 방법을 시도했지만 알 수 없습니다. 도움이 좀 되었으면 좋겠습니다. 여러 가지 방법을 시도했지만 알 수 없습니다. 도움이 좀 되었으면 좋겠습니다.

P粉978551081 2024-03-20 11:44:46 0  1  457

"대체 텍스트"에서 텍스트를 위 첨자로 표시하는 방법은 무엇입니까?

다음과 같이 대체 텍스트에서 텍스트를 위 첨자로 표시하는 방법: 값 10

P粉346326040 2023-10-30 16:03:47 0  2  732

CSS: 텍스트 옆에 아이콘을 어떻게 배치하나요?

두 개의 하위 요소 text(span 요소)(i) 아이콘 - div 요소를 포함하는 이와 같은 상위 div 요소(display:flex)가 있습니다. 텍스트에 줄 바꿈 없이 한 줄만 있으면 모든 것이 잘 작동합니다. 그러나 줄 바꿈(2줄 이상)할 때 가장 넓은 줄을 기준으로 요소의 너비가 조정됩니다. 길이가 길어지면 텍스트를 줄 바꿈하고 싶습니다. 위의 예에서 (i) 아이콘을 NORTH 옆에 두기를 원합니다. (i) 아이콘을 NORTH 옆에 두고 싶습니다.

P粉668146636 2023-08-17 14:39:36 0  1  506

레이아웃 변경을 방지하기 위해 로드하기 전에 가변 크기 이미지를 위한 공간을 예약하려면 어떻게 해야 합니까?

텍스트, 이미지 태그 및 다음과 같은 일부 텍스트가 포함된 HTML 페이지가 있습니다. 이것은 이미지 앞의 텍스트입니다. <imgsrc="image.jpeg"/>이미지 뒤의 텍스트입니다. 이제 페이지가 로드될 때 이미지를 로드하는 데 시간이 더 오래 걸리므로 텍스트가 이미지보다 먼저 로드됩니다. 따라서 이미지 뒤의 텍스트가 이미지 앞의 텍스트 바로 뒤에 오는 레이아웃 변경이 발생하며, 이미지가 아직 로드되지 않은 경우 이미지를 위한 공간이 예약되지 않습니다. 다만, 이미지가 로딩되면 이미지 뒤의 텍스트가...

P粉936509635 2023-08-28 00:04:44 0  1  628

부트스트랩 navbar 텍스트를 이미지와 정렬하는 방법은 무엇입니까?

저는 부트스트랩 navbar를 사용하고 있고 navbar 브랜딩에 이미지를 삽입했지만 크기로 인해 정렬이 엉망이 되었습니다. 함께 있는 텍스트를 중앙에 정렬하고 싶지만 다른 버튼 텍스트도 중앙에 정렬하는 방법을 모르겠습니다. 출력은 다음과 같습니다.<aclass="navbar-brand"id="home"href="/"><imgsrc="https://cdn.disco

P粉221046425 2024-03-28 14:13:44 0  2  439

안드로이드에 새로운. NetEase 뉴스 페이지와 같이 텍스트 한 단락, 그림 한 개, 텍스트 한 단락을 구현하는 방법은 무엇입니까?

TextView는 텍스트를 표시하고 ImageView는 그림을 표시한다는 것을 알고 있습니다. 그러나 뉴스 콘텐츠는 동적이므로 여러 텍스트와 이미지가 포함될 수 있으며 그 수는 가변적입니다. 이것을 달성하는 방법은 무엇입니까? 또한 편집자는 CKEditor와 같은 Html 편집기를 사용하여 뉴스 콘텐츠를 편집하고 이를 html 파일이 포함된 필드에 저장합니다.

曾经蜡笔没有小新 2017-05-16 13:30:18 0  11  1798

javascript - 텍스트 삽입에 관한 질문

1. 질문해 보세요. jquery에 텍스트를 연결하는 방법이 있나요? 예를 들어 이미 콘텐츠가 있는 양식이 있고 버튼을 클릭하여 이벤트를 실행하고 콘텐츠를 해당 텍스트 뒤에 연결하는 경우 여전히 원본 텍스트의 내용만 가져온 다음 문자열을 연결한 후 문자를 추가하세요. 2. 두 번째 질문은 아래와 같습니다.

淡淡烟草味 2017-05-19 10:25:53 0  1  704

전환을 통해 브라우저 크기에 맞게 텍스트 크기 조정

버튼 위로 마우스를 가져갈 때 브라우저의 100% 크기로 조정하고 싶은 텍스트가 있습니다. 이 텍스트를 브라우저/컨테이너에 맞추려면 어떻게 해야 합니까? 나는 글꼴 크기를 사용하여 글꼴 크기:100vw와 같은 작업을 수행할 수 있다는 것을 알고 있지만 글꼴 크기의 애니메이션은 매우 불안정하므로 이 방법을 사용할 수 없습니다. http://jsfiddle.net/0n15mfyL/ 지터에 대해 궁금한 분들을 위해 글꼴 크기를 줄이면 눈에 띄게 나타납니다. http://jsfiddle.net/rbk48

P粉459578805 2023-09-08 11:11:22 0  1  741

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

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

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

TXT 헤더 시작 부분에 텍스트를 추가하는 방법

그림과 같이 방명록에서는 매번 TXT 끝에 텍스트를 삽입합니다. 웹을 탐색할 때 새 메시지가 맨 아래에 표시됩니다. TXT 시작 부분에 새 메시지를 삽입하고 싶습니다. 방법을 알려주십시오.

rocher 2017-11-15 18:50:00 0  1  1261

제목이 다음과 같이 변경되었습니다. CSS의 모든 입력 영역(이메일 가입, 댓글 상자 및 레시피 색인 페이지 드롭다운 포함)에서 텍스트 크기를 조정하는 방법은 무엇입니까?

웹사이트: https://olivesfordinner.com/ 홈페이지에서 회원가입을 위해 이메일을 입력할 때 텍스트를 더 크게 만드는 CSS 코드를 찾고 있습니다. 너무 작습니다. 레시피 게시물(예: https://olivesfordinner.com/toasted-muesli-recipe/)에 댓글을 남길 때 독자가 입력함에 따라 텍스트가 커지도록 하려면 어떻게 해야 하나요? 이번에도 텍스트가 너무 작습니다. 왼쪽 열의 드롭다운 텍스트 상자에 있는 텍스트를 더 크게 만드는 방법. 그들은 너무 작습니다! https://ol

P粉465675962 2023-09-14 15:17:43 0  2  643

javascript - 아래와 같은 기사 요약을 구현하는 방법은 무엇입니까?

그림은 추출되어 오른쪽에 배치되고, 텍스트는 추출되어 왼쪽에 배치됩니다. 그림은 어떻게 추출되고, 텍스트는 어떻게 추출되나요?

漂亮男人 2017-05-19 10:41:06 0  2  482

javascript를 사용하여 DIV의 내부 텍스트를 얻는 방법은 무엇입니까?

Java 스크립트를 사용하여 DIV 컨트롤러의 내부 텍스트를 얻는 방법은 무엇입니까?

P粉809110129 2023-10-18 11:02:20 0  3  918

클릭하면 텍스트가 새 요소(예: 구분선)로 바뀌도록 하려면 어떻게 해야 합니까?

페이지의 특정 텍스트를 클릭하면 구분 기호/새 요소로 바뀌는 방법을 찾으려고 합니다. 어떻게 설명해야 할지 모르겠지만, 아래에 제목이 있는 이미지를 상상해 보세요. 제목을 클릭하면 위의 이미지가 텍스트 상자/다른 이미지/스크롤 가능한 구분 기호처럼 됩니다. 여기에서는 오른쪽의 해골 이모티콘을 클릭하면 왼쪽 상자에 새 div/이미지가 나타나는 페이지의 효과를 얻으려고 합니다. 나는 소스 코드를 보고 그녀가 이 효과를 얻기 위해 무엇을 하는지 확인하고 있지만 여전히 무엇인지 잘 모르겠습니다. w3schoolson을 사용하려고 합니다

P粉872101673 2024-04-04 11:21:03 0  1  3844