도구 설명을 상대 상위 항목에 정렬

나는 이 문제를 해결하려고 이틀을 보냈지만 혼자서는 할 수 없다는 것을 깨달았습니다. 내 툴팁을 부모를 기준으로 중앙에 맞추려고 합니다. 이것은 내 코드입니다 =>letcollection=document.querySelectorAll("[data-text]");collection.forEach((ele,ind)=>{varelement=document.createElement("p&q

P粉251903163 2024-04-06 13:16:59 0  2  486

javascript - echart 툴팁 프롬프트 상자가 흔들립니다.

이 문제를 겪은 사람이 있습니까? 도넛 차트가 상대적으로 작습니다. 마우스를 올려 놓으면 echart 도구 설명 프롬프트 상자가 흔들리는 문제를 해결하는 방법에 대해 알려주실 수 있습니까?

天蓬老师 2017-06-13 09:21:42 0  1  922

javascript - echart의 툴팁 크기에 대해 문의

툴팁의 너비와 높이를 설정하는 방법에 대한 질문이 남아 있습니다. 같은 페이지에 있는 5개의 원형 차트 중 3개의 툴팁이 설명할 수 없을 정도로 커졌습니다. 이 세 개는 같은 방법으로 작성되었습니다. 구성 항목은 다음과 같습니다. {code..}

滿天的星座 2017-05-18 10:55:47 0  3  651

링크를 제거한 후에도 툴팁이 계속 작동하는 이유는 무엇입니까?

링크를 제거한 경우에만 툴팁과 함께 div 태그가 표시됩니다. 둘은 어떤 관련이 있나요? div 콘텐츠는 링크와 함께 표시되지 않습니다. .tooltip{position:relative;display:inline-block;border-bottom:1pxdottedblack;}.tooltip.tooltiptext{visibility:hidden;width:120px; background-color:blac

P粉323050780 2024-04-05 09:51:08 0  1  1511

툴팁의 Highcahrts 링크 및 버튼이 작동하지 않습니다.

툴팁 내부에서 클릭 이벤트를 트리거하려고 합니다. 클릭 이벤트가 포함된 버튼을 넣었지만 작동하지 않습니다. 또한 툴팁 내부에 외부 링크를 추가해 보았습니다. 그것도 작동하지 않습니다. 요소의 스타일을 얻을 수 있지만 발생한 클릭 이벤트는 얻을 수 없습니다. 이것은 툴팁 구성입니다. tooltip:{useHTML:true,style:{pointerEvents:'auto'},formatter:function(e){return'<div>'+this.x+'

P粉418854048 2024-04-04 22:01:46 0  1  1470

하위 요소를 영향을 받지 않게 유지하는 HTML 하단 위치 지정 기술

툴팁이 포함된 텍스트가 있습니다. 상자 자체의 속성은 변경할 수 없지만 도구 설명이 텍스트 위에 배치되기를 원합니다. 이것은 내 현재 코드입니다: .tt-container.tooltiptext{display:none; background-color:white;border-style:solid;position:absolute;border-color:#1a7bc9;color:#000;text-align: left ;경계

P粉691958181 2024-02-04 09:44:51 0  1  341

Vue 3에서 구성 요소 인스턴스에 대해 비응답 데이터를 설정하는 방법은 무엇입니까?

Vue2에도 비슷한 질문이 있었는데 $options를 사용하는 것이 좋습니다. 하지만 Vue3에서는 작동하지 않는 것 같습니다. 우선, Vue3 문서에는 $options가 읽기 전용이라고 나와 있습니다. 그래서 컴포넌트가 마운트된 인스턴스에서 툴팁을 초기화하려고 하면 매우 이상한 동작이 발생합니다. 툴팁이 표시되면 마지막으로 생성된 컴포넌트부터 표시되므로 $options가 어떻게든 "전역"인 것 같습니다. "? 툴팁을 데이터에 넣으면 모든 것이 잘 작동하지만 분명히 툴팁이 반응하지 않아야 합니다.

P粉973899567 2023-08-25 23:08:24 0  1  553

스크롤 가능한 그라데이션 채팅 풍선

다음 예와 같이 아래 그라데이션으로 스크롤할 때 변경되는 그라데이션이 있는 채팅 거품의 흰색 컨테이너를 원합니다. 루트의 배경이 표시되도록 chatBubble 뒤의 .container 부분을 투명하게 만들려고 했습니다. .root{배경색:선형 그라데이션(빨간색, 노란색);너비:100vw;높이:100vh;}.컨테이너{너비:100%;높이:

P粉197639753 2023-09-01 11:52:18 0  2  635

HTML 요소의 계단식 효과를 얻는 방법은 무엇입니까?

이 요소에 대한 사용자 정의 툴팁을 만들고 싶지만 툴팁을 표시할 공간이 충분하지 않은 상자에 포함되어 있어 잘립니다. (오버플로가 자동으로 설정되어 있기 때문에 실제로 스크롤하여 표시할 수 있지만 스크롤하지 않고도 볼 수 있기를 원합니다.) 범위를 넘어 표시되도록 하는 방법이 있나요? z-index를 사용해 보았으나 소용이 없었습니다. 이것이 내가 부르는 것입니다: .box{width:100px;height:100px;overflow:auto;bor

P粉486138196 2023-08-28 16:39:50 0  2  559

html - echarts에서 툴팁을 사용자 정의하는 방법

사진에 뜨는 창에 등록횟수가 표시되고 10:21이 표시되는데 아주 보기 흉합니다. 등록횟수를 x좌표의 숫자인 21번으로 맞춤 설정해도 될까요? ?

为情所困 2017-07-03 11:42:22 0  1  1222

입력 필드가 콘텐츠를 완전히 표시할 만큼 충분히 넓은지 어떻게 확인할 수 있나요?

많은 열이 있는 테이블에서 Vuetify 텍스트 필드 구성 요소를 사용하고 있습니다. 구성 요소에 표시할 콘텐츠가 너무 많이 포함되어 있을 수 있으며, 사용자 경험 관점에서 필드 내에서 스크롤하여 콘텐츠를 검사하는 데 셀이 많으면 시간이 너무 오래 걸릴 수 있습니다. 순수 HTML 예제 Vuetify 예제 내 첫 번째 생각은(더 좋은 아이디어가 있으면 알려주시기 바랍니다) 전체 내용을 표시하는 도구 설명을 표시하는 것이었지만 구성 요소가 전체 내용을 표시할 수 있는 경우 이는 성가신 일입니다. 그래서 콘텐츠가 숨겨지거나 잘릴 때만 ...

P粉014218124 2023-09-02 22:36:56 0  2  542

HTML 제목 속성을 편집할 수 있나요?

위와 같이 <h2title="SiteOwner">Mr.Mark</h2>에 대해 CSS를 사용하여 HTMLtitle(툴팁처럼 작동) 속성을 편집/설정할 수 있습니까? 인라인 CSS로 스타일링을 시도했지만 통과되지 않았습니다.

P粉277305212 2024-02-25 23:52:19 0  1  399

Java 객체를 사용하여 복잡한 json을 표현하는 방법은 무엇입니까?

많이 사용해야 하는 일종의 json 개체가 있어서 이를 개체로 캡슐화하려고 합니다. {코드...} 현재 아이디어는 개체의 한 레이어와 xAxis의 또 다른 레이어를 갖는 것입니다. 그러나 그것은 단지 보조적인 객체일 뿐입니다. 좋은 사례가 있나요?

给我你的怀抱 2017-05-17 10:08:15 0  2  606

javascript - 지정된 vue 구성 요소 또는 dom 요소 외부에 구성 요소를 추가하는 방법은 무엇입니까?

예를 들어, 테이블에 불확실한 수의 TD가 있는 또 다른 테이블이 있습니다. 이 불확실한 수의 TD의 외부 레이어에 element-ui 도구 설명을 추가해야 합니다. 처음에는 vue.comComponent()를 사용해야 한다고 생각합니다. 방법은 잘 모르겠지만, 도움 부탁드릴 수 밖에 없네요~~

给我你的怀抱 2017-06-26 10:53:12 0  1  803

Flexbox 디자인: 텍스트 풍선의 모든 면이 닿기를 원합니다.

.fm-bubbles{display:flex;flex-wrap:wrap;width:100%;height:100px;}.fm-bubble{flex:1110%;height:max-content;border:1pxsolidroyalblue;border-radius:5px ;}<divclass="fm-content"><divclass

P粉002546490 2024-04-01 10:59:44 0  1  350

Vue Test Utils의 테스트 케이스에서 툴팁 경고를 해결하는 방법

bootstrap-vue의 v-b-tooltip.hover를 사용할 때 단위 테스트는 항상 경고를 표시합니다: [BootstrapVuewarn]:tooltip-제공된 대상은 유효한 HTML 요소가 아닙니다.

P粉293341969 2023-08-26 19:41:24 0  1  473

Nuxt 및 Vue 소셜 채팅

Nuxt 앱에 Vue 소셜 채팅 모듈을 설치했지만 소품과 색상 설정이 어떻게 작동하는지 이해할 수 없습니다. 현재 Whatsapp 아이콘이 검은색으로 표시되고 상단 표시줄이 말풍선 안에 있지만 모든 것이 잘 작동하고 있습니다. Nuxt.dll에서 이 설정을 어떻게 변경합니까? 저자는 CSS 변수를 사용하라고 하는데 이 변수를 어디에 넣어야 할지, 코드에서 어떻게 사용하는지 모르겠습니다. Nuxt에는 App.vue도 없어서 모듈을 직접 가져왔는데 작동하는 것 같긴 한데, 제대로 하고 있는지 잘 모르겠습니다. 이게 내 현재 데프야

P粉993712159 2024-03-26 20:55:20 0  1  428

javascript - 부트스트랩의 툴팁 스타일 텍스트 내용을 왼쪽이나 오른쪽에 표시할 수 있습니까?

data-toggle="tooltip" data-placement="top" {代码...}

漂亮男人 2017-06-12 09:31:34 0  1  691

javascript - 부트스트랩 툴팁 플러그인, 마우스를 클릭하면 프롬프트 정보가 항상 표시되지만 숨겨지지는 않습니다.

(www.sf.gg)는 중국 최고의 개발자 기술 커뮤니티입니다. 프로그래밍 매니아들을 위한 순수하고 수준 높은 기술 교류 플랫폼을 제공하고, 개발자들과 함께 배우고 소통하며 성장하며 개발자들을 위한 시대를 만들어 나가고자 합니다!

仅有的幸福 2017-07-05 09:58:30 0  1  724

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

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

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