메뉴 버튼을 오른쪽으로 이동할 수 없습니다.

사용자 3409468

다음 코드입니다.

https://jsfiddle.net/fcx0wkq3/1/

결과 창이 확장되면 왼쪽에 메뉴 버튼이 보입니다. 이 메뉴 버튼의 위치를 ​​변경하고 중앙 또는 오른쪽으로 더 많이 가져올 수 있기를 원합니다. 다음과 같이 변경하면<ul>

<ul style="left:30%">

결과는 다음과 같습니다.

https://jsfiddle.net/70fbsL75/

여기에서 버튼이 모두 기울어 진 것을 볼 수 있습니다. 이 문제를 해결하는 해결책은 무엇입니까?

애니 맥

그룹화 된 클래스에서 #cssmenu ul 클래스를 제거하고

#cssmenu ul {
margin: 0 0 0 30%; //Or whatever margins you need
}

탐색 ul을 배치 할 수 있습니다. 자바 스크립트가 올바르게 렌더링되도록하려면 #cssmenu 및 ul을 타겟팅해야합니다.

그런 다음 모바일 장치에서보기를 재설정하려면 미디어 쿼리 css (피들 라인 196 부근)에서 여백 및 패딩을 제거해야합니다.

#cssmenu ul {
width: 100%;
display: none;
margin-left: 0;
padding-left: 0;       
}

이것을 사용할 때도 인라인 스타일을 제거하는 것을 잊지 마십시오

<ul style="left:30%"> 

그냥 있어야

<ul>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

애니메이션 선을 오른쪽에서 왼쪽으로 이동할 수 있습니까?

분류에서Dev

다른 활동으로 이동할 수없는 작업 표시 줄 메뉴 버튼 (Android)

분류에서Dev

Python Selenium으로 이메일 확인 버튼을 클릭 할 수 없습니다.

분류에서Dev

바닥 글을 오른쪽과 왼쪽으로 정렬 할 수 없습니다.

분류에서Dev

아이콘 오른쪽으로 플로팅 작업 버튼 레이블을 변경할 수 있습니까?

분류에서Dev

작업 표시 줄이없고 바탕 화면을 마우스 오른쪽 버튼으로 클릭 할 수 없습니다.

분류에서Dev

버튼을 오른쪽으로 이동하고 입력을 확장하여 공간을 채울 수 없습니다.

분류에서Dev

부트 스트랩 드롭 다운 메뉴는 왼쪽으로 이동할 수 없습니다.

분류에서Dev

메뉴 항목이 없으면 메뉴를 클릭 할 수 없습니다.

분류에서Dev

작업 표시 줄에서 내 Windows 아이콘을 마우스 오른쪽 버튼으로 클릭 할 수 없습니다.

분류에서Dev

Linux Mint 17 : 메뉴 편집자는 메인 메뉴 애플리케이션을 "이동"할 수 없습니다.

분류에서Dev

전체 행을 오른쪽으로 어떻게 이동할 수 있습니까?

분류에서Dev

드롭 다운 메뉴 위로 마우스를 이동할 수 없습니다.

분류에서Dev

Zerobrane : Xubuntu 20.04의 프로젝트 트리에서 항목을 마우스 오른쪽 버튼으로 클릭 할 수 없습니다.

분류에서Dev

다른 항목 옆에 메뉴 항목을 추가 할 수 없습니다.

분류에서Dev

'오른쪽'버튼을 클릭 할 때이 div를 왼쪽으로 슬라이드하려면 어떻게 애니메이션을 적용 할 수 있습니까?

분류에서Dev

제목이 너무 길면 메뉴 버튼을 카드 오른쪽 바깥쪽으로 슬라이드

분류에서Dev

왼쪽 메뉴에서 스크롤을 사용할 수 없습니다.

분류에서Dev

메뉴 항목은 마우스 오버시 이동하고 중앙에 놓을 수 없습니다.

분류에서Dev

메뉴 항목은 마우스 오버시 이동하고 중앙에 놓을 수 없습니다.

분류에서Dev

SSMS에서 INSERT INTO SELECT를 마우스 오른쪽 버튼으로 클릭하는 방법이 있습니까? 아니면 메뉴를 조정할 수 있습니까?

분류에서Dev

GParted가 확장 파티션을 오른쪽으로 이동할 수 없습니까?

분류에서Dev

Ubuntu 16.04의 Firefox에서 북마크를 마우스 오른쪽 버튼으로 클릭하여 컨텍스트 메뉴에 액세스 할 수있는 방법이 있습니까?

분류에서Dev

관리자가 아닌 메뉴 수정을 마우스 오른쪽 버튼으로 클릭

분류에서Dev

관리자가 아닌 메뉴 수정을 마우스 오른쪽 버튼으로 클릭

분류에서Dev

하위 메뉴 항목을 오른쪽이 아닌 왼쪽으로 열려면 어떻게해야합니까?

분류에서Dev

목록에서 border-bottom을 왼쪽 또는 오른쪽으로 이동할 수 있습니까?

분류에서Dev

textbox2의 위쪽 이동을 애니메이션 할 수 없습니다.

분류에서Dev

메뉴 버튼을 누르기 전에 어떻게 메뉴를 업데이트 할 수 있습니까?

Related 관련 기사

  1. 1

    애니메이션 선을 오른쪽에서 왼쪽으로 이동할 수 있습니까?

  2. 2

    다른 활동으로 이동할 수없는 작업 표시 줄 메뉴 버튼 (Android)

  3. 3

    Python Selenium으로 이메일 확인 버튼을 클릭 할 수 없습니다.

  4. 4

    바닥 글을 오른쪽과 왼쪽으로 정렬 할 수 없습니다.

  5. 5

    아이콘 오른쪽으로 플로팅 작업 버튼 레이블을 변경할 수 있습니까?

  6. 6

    작업 표시 줄이없고 바탕 화면을 마우스 오른쪽 버튼으로 클릭 할 수 없습니다.

  7. 7

    버튼을 오른쪽으로 이동하고 입력을 확장하여 공간을 채울 수 없습니다.

  8. 8

    부트 스트랩 드롭 다운 메뉴는 왼쪽으로 이동할 수 없습니다.

  9. 9

    메뉴 항목이 없으면 메뉴를 클릭 할 수 없습니다.

  10. 10

    작업 표시 줄에서 내 Windows 아이콘을 마우스 오른쪽 버튼으로 클릭 할 수 없습니다.

  11. 11

    Linux Mint 17 : 메뉴 편집자는 메인 메뉴 애플리케이션을 "이동"할 수 없습니다.

  12. 12

    전체 행을 오른쪽으로 어떻게 이동할 수 있습니까?

  13. 13

    드롭 다운 메뉴 위로 마우스를 이동할 수 없습니다.

  14. 14

    Zerobrane : Xubuntu 20.04의 프로젝트 트리에서 항목을 마우스 오른쪽 버튼으로 클릭 할 수 없습니다.

  15. 15

    다른 항목 옆에 메뉴 항목을 추가 할 수 없습니다.

  16. 16

    '오른쪽'버튼을 클릭 할 때이 div를 왼쪽으로 슬라이드하려면 어떻게 애니메이션을 적용 할 수 있습니까?

  17. 17

    제목이 너무 길면 메뉴 버튼을 카드 오른쪽 바깥쪽으로 슬라이드

  18. 18

    왼쪽 메뉴에서 스크롤을 사용할 수 없습니다.

  19. 19

    메뉴 항목은 마우스 오버시 이동하고 중앙에 놓을 수 없습니다.

  20. 20

    메뉴 항목은 마우스 오버시 이동하고 중앙에 놓을 수 없습니다.

  21. 21

    SSMS에서 INSERT INTO SELECT를 마우스 오른쪽 버튼으로 클릭하는 방법이 있습니까? 아니면 메뉴를 조정할 수 있습니까?

  22. 22

    GParted가 확장 파티션을 오른쪽으로 이동할 수 없습니까?

  23. 23

    Ubuntu 16.04의 Firefox에서 북마크를 마우스 오른쪽 버튼으로 클릭하여 컨텍스트 메뉴에 액세스 할 수있는 방법이 있습니까?

  24. 24

    관리자가 아닌 메뉴 수정을 마우스 오른쪽 버튼으로 클릭

  25. 25

    관리자가 아닌 메뉴 수정을 마우스 오른쪽 버튼으로 클릭

  26. 26

    하위 메뉴 항목을 오른쪽이 아닌 왼쪽으로 열려면 어떻게해야합니까?

  27. 27

    목록에서 border-bottom을 왼쪽 또는 오른쪽으로 이동할 수 있습니까?

  28. 28

    textbox2의 위쪽 이동을 애니메이션 할 수 없습니다.

  29. 29

    메뉴 버튼을 누르기 전에 어떻게 메뉴를 업데이트 할 수 있습니까?

뜨겁다태그

보관