묻다찾다_PHP 중국어 웹사이트

지역 사회 배우다 도구 라이브러리 여가

한국어

인기 검색어：
PHP
MySQL
jquery
HTML
CSS

중앙에 텍스트와 아이콘이 있는 버튼

아이콘과 텍스트가 포함된 버튼 구성 요소를 개발 중입니다. 아이콘은 버튼 왼쪽에 배치되고 텍스트는 버튼 중앙에 정렬됩니다. 텍스트가 버튼에 맞지 않는 경우 줄바꿈해서는 안 되지만 잘릴 수 있습니다. 텍스트를 자르는 핵심 조건은 아이콘이 버튼 가장자리에서 떨어져 있는 것처럼 텍스트가 버튼 가장자리에서 떨어져 있어야 한다는 것입니다. 따라서 버튼에 동일한 인라인 패딩을 추가할 수 없습니다. 텍스트가 잘리지 않으면 버튼 중앙에 정렬됩니다. 그러나 아이콘과 겹치기 시작하거나 버튼에 맞지 않으면 텍스트가 잘립니다. 즉, 일반상태에서는 아이콘...

P粉033429162 2023-08-15 11:01:09

반응 js에서 버튼 내부의 아이콘을 클릭하면 버튼 값을 가져올 수 없습니다.

반응 js에서 버튼 내부의 아이콘을 클릭하면 버튼 값을 가져올 수 없습니다.

P粉364129744 2023-07-22 09:47:02

버튼의 나머지 부분이 아닌 아이콘을 클릭하는 것이 Javascript 구독 버튼이 작동하는 유일한 방법입니다.

rssfontAwesome 아이콘을 클릭할 때만 작동하는 구독 사용자 프로필 버튼이 있고 나머지 버튼은 작동하지 않습니다. 버튼 요소를 클릭 이벤트로 설정하기 위해 여러 가지 재정의를 시도했지만 전혀 작동하지 않습니다. 다음 코드는 아이콘 요소를 클릭할 때만 작동합니다: <buttonclass='subscribe-buttonprofile-subscribe'><?phpif($profile->userSubscribed):

P粉742550377 2024-01-16 14:13:18

"x" 또는 "닫기" 버튼을 클릭하면 부트스트랩 모달 상자를 닫을 수 없습니다.

모달을 열기 위해 클릭하면 모달이 잘 표시되고 닫기 버튼에 마우스가 모달 위에 있는 것으로 표시되지만 클릭해도 아무 일도 일어나지 않고 모달은 열린 상태로 유지됩니다. 이전에 이 문제를 겪거나 해결한 사람이 있나요? 여기서 볼 수 있는 것은 "data-bs-dismiss"를 추가하는 것뿐이지만 이는 스키마에 영향을 주지 않습니다. 나는 부트스트랩을 처음 접했기 때문에 모든 도움을 주시면 대단히 감사하겠습니다! 코드는 다음과 같습니다. 전체 코드 링크-<!DOCTYPEhtml><html><...

P粉809110129 2024-03-29 23:39:12

javascript - QQ 내장 브라우저에서 Return을 클릭하면 페이지가 새로 고쳐지는데 닫기 버튼이 나타나지 않습니다. 혹시 무슨 일인지 아시는 분 계신가요? ? ?

가끔 닫기 버튼이 나오기도 전에 여러번 클릭을 하게 되는 경우가 있죠? ? ? , 이런 상황에 처한 사람이 있습니까?

我想大声告诉你 2017-05-16 13:37:00

다른 소품을 기반으로 TypeScript에서 React 소품을 선택 사항 및 필수로 만듭니다.

사용자가 사용하는 소품에서 제공하는 유형에 따라 일반 버튼, 아이콘 버튼 또는 아이콘 전용 버튼을 반환하는 React 버튼 컨테이너 구성 요소가 있습니다. 다음은 ButtonContainer 구성 요소 및 Props의 관련 유형 정의입니다. typeButtonWrapperProp={label?:string;icon?:React.ReactNode;onClick:()=>void;type:'text'|'icon'|'iconOnly'; }특급

P粉738046172 2023-09-17 13:42:00

Python2.7에서 "시작" 버튼을 클릭한 후 그림의 빨간색 부분인 tkinter의 버튼을 클릭할 수 없는 이유는 무엇입니까?

Python2.7에서 "시작" 버튼을 클릭한 후 그림의 빨간색 부분인 tkinter의 버튼을 클릭할 수 없는 이유는 무엇입니까? "시작" 버튼을 클릭한 후 tkinter의 최소화, 최대화 및 닫기 버튼을 어떻게 클릭할 수 있나요? 코드는 다음과 같습니다: {코드...}

漂亮男人 2017-05-27 17:39:55

Phoneswip 플러그인 문제

1. 미리보기 이미지 크기를 100%로 설정하는 방법 2. 오른쪽 상단의 닫기 버튼을 클릭하지 않고 이미지를 다시 클릭하면 원본 텍스트로 돌아가도록 설정하는 방법

黄舟 2017-07-05 10:43:54

3 이미지 파일을 여는 다양한 방법

①파일-열기 사진 선택 ②Photoshop의 빈 공간을 두 번 클릭하여 사진 열기 ③Ctrl+o(모든 사진 닫기) 파일-모두 닫기(Ctrl 키를 누른 상태에서 여러 사진 선택, 여러 사진 클릭, Shift 키를 누른 상태에서 연속된 사진 선택)

夜间飞行 2020-08-10 18:25:11

Vuetify의 이미지/아이콘에서 클릭 가능한 버튼

이 UI로 <v-btn><v-img>...<v-img></v-btn> 버튼을 어떻게 만들 수 있나요?

P粉463824410 2023-12-12 11:09:05

HTML 마크업에서 SVG를 직접 사용하면 버튼에 역할을 할당하거나 원하는 호버 효과를 얻을 수 없습니다.

두 가지 기능을 수행해야 하는 아이콘이 있는 컨테이너가 있습니다. 버튼처럼 작동합니다(키보드/스크린 리더 등을 통해 액세스 가능). 호버/포커스 시 빨간색으로 전환 마크업에서 SVG를 직접 사용할 때 호버 정지 효과 예상대로 작동하지만 img 태그를 사용할 때처럼 SVG에 버튼 역할을 할당할 수 없습니다: .container{height:500px;width:400px; background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59

클릭/HTML에서 버튼의 배경색을 변경하는 방법

"자세히 보기"와 비슷한 버튼을 만들었고, 이 버튼을 누르면 텍스트가 아래로 확장됩니다. 텍스트가 확장되면 버튼의 배경이 변경되고 버튼을 다시 눌러 텍스트를 닫으면(예: "간단히 읽기") 버튼의 배경이 원래 상태로 돌아갑니다. 이 함수를 구현하는 방법 functionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48

javascript - VUE에서 만든 삭제 팝업 창 취소를 클릭한 후에도 모듈 관련 버튼을 클릭하면 삭제 상자가 나타납니다.

vue2.0을 사용하여 댓글 작성 및 기타 기능을 사용하고 있는데, 삭제 버튼을 눌렀을 때 프롬프트 상자가 떴을 때, 취소 버튼을 눌렀다가 댓글 회신 버튼을 눌렀는데도 삭제 프롬프트 상자가 떴습니다. 그것을 처리하는 방법? 이 방법을 사용하여 프롬프트 상자 {code...} {code...}를 닫습니다.

阿神 2017-05-19 10:47:03

돌아가기 버튼을 클릭하면 창이 팝업되어 닫힙니다.

팝업이 열렸을 때 사용자가 이를 취소한 다음 Return 키를 누르면 팝업이 다시 열리지 않고 이전 페이지로 돌아가는 기능을 구현하려고 합니다! <script>window.onload=function(){setTimeout(function(){window.open("#popup_flight_travlDil3","_self")},1000);}&

P粉509383150 2023-08-29 15:50:07

javascript - 각도 모델 캡슐화 지시어

요구사항은 다음과 같습니다. 버튼을 클릭하면 페이지에 모달 상자가 나타납니다. 이 창에는 선택 드롭다운 선택 상자가 있습니다. 사용자가 선택한 후 확인 버튼을 클릭하거나 취소 버튼을 직접 클릭하여 닫습니다. 모달 상자. 비슷한 일을 해본 사람이 있나요? 조언 좀 부탁드립니다.

女神的闺蜜爱上我 2017-06-12 09:30:28

순수 Javascript를 사용하여 이미지 교체를 위한 전환 효과 구현

내가 만든 웹사이트에는 여러 개의 아코디언이 있는데 각 아코디언의 상단에는 이미지가 있습니다. 아코디언을 펼치면 안에 설명이 들어가고 이미지가 다른 것으로 변경됩니다. 그런 다음 아코디언을 닫으면 이미지가 첫 번째 이미지로 다시 전환됩니다. 문제는 이 이미지 변경이 페이드 효과를 사용하여 부드럽게 전환되기를 원하는데 지금은 갑작스러운 변경일 뿐이라는 것입니다. 어떻게 해야 합니까? 아코디언 버튼의 ID가 "button"이고 첫 번째 이미지(두 번째 이미지로 변경됨)가 포함된 레이블의 ID가 "firstim...

P粉458913655 2024-03-30 00:14:11

바닐라 JS setTimeout(): 잘못된 동작 식별

HTML, CSS 및 바닐라 JavaScript로 작성된 햄버거 메뉴에 애니메이션이 있습니다. 예상 결과 햄버거 메뉴 버튼을 클릭하면 다음 이벤트가 발생해야 합니다. 햄버거 메뉴 아이콘을 클릭하면 메인이 180° 회전하고 2000ms에서 높이를 따라 축소됩니다. 2000ms가 지나면 메뉴가 나타나고 햄버거 아이콘이 X로 변경됩니다. 종료 버튼을 클릭하면 페이지가 180° 회전합니다. 메뉴 오버레이 메뉴 숨기기: 표시: 없음 종료 버튼을 다시 햄버거 아이콘으로 변환합니다. 실제로 발생하는 문제는 12-14행에 있습니다.

P粉797855790 2024-04-02 20:44:40

컴포넌트 디커플링을 달성하는 올바른 방법

나는 Vue2를 사용하여 두 구성 요소 간의 통신을 다루고 있습니다. 그 중 하나는 초기, 로드 및 완료(성공 또는 실패)와 같은 상태를 가질 수 있는 버튼이며, 버튼의 각 상태에 대해 서로 다른 텍스트를 표시할 수 있습니다. 아이콘(로드: 스핀 아이콘, 성공적인 완료: 틱, 오류 완료: x), 버튼 구성 요소를 사용하는 양식도 있습니다. 양식 제출의 현재 상태에 따라 버튼 상태를 변경하는 방법을 잘 모르겠습니다. 아래 코드를 참조하세요. 내 버튼 구성 요소: <template><buttonclass=&quo

P粉476475551 2023-09-14 10:57:11

JavaScript를 사용하여 버튼 이벤트를 전환하는 아이콘 추가

functiontoggledDeleteAllBtn(){if($('.customer_checkbox:checked').length>0){$('#sel_button').text('Deletedallselected('+$('.customer_checkbox:checked').length+')' );}else{$('#sel_button').text('삭제

P粉541565322 2023-09-05 00:08:30

javascript - JQuery는 점 표시 버튼을 통해 현재 요소의 ID를 가져오는 방법(동적 데이터의 ID를 가져오는 방법)

1. 표시된 이미지와 응시자 정보는 모두 DataList에 의해 반복됩니다. 이는 표시 버튼을 클릭하여 해당 시험 시간, 과목 코드 및 기타 정보를 얻는 것입니다. 이를 달성하려면 표시 버튼을 클릭하여 현재 후보자의 정보를 처리를 위해 백그라운드 방법으로 다시 보냅니다. JS는 어떻습니까?

PHP中文网 2017-05-19 10:18:00