ul 목록을 사용하여 페이지 탐색을 중앙에 맞추는 방법은 무엇입니까?

ul 목록의 탐색을 페이지의 가로 및 세로 중앙에 배치하는 방법은 무엇입니까? 다음은 HTML 및 CSS 코드입니다.nav{width:100%;height:100%;position:fixed;ground-color:white;overflow:hidden;}.menua{padding:30px;color:black;text-align :중심 ;왼쪽:0;여백:0자동;플렉스:없음;di

P粉052686710 2023-08-13 11:06:53 0  1  531

탐색 표시줄 중앙 정렬

안녕하세요. 페이지 상단 중앙에 네비게이션 바를 설정하려고 합니다. 항목을 중앙에 정렬하여 텍스트 정렬을 시도했지만 지금까지는 운이 없었습니다. 페이지 중앙에 이 탐색 메뉴를 정렬하는 방법을 아는 사람이 있습니까? /*Clearfix*/.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;

P粉451614834 2024-04-02 09:56:33 0  2  424

웹 서버 - gitlab을 로컬로 배포한 후 nginx에서 여러 도메인 이름을 구성하는 방법은 무엇입니까?

이 머신에는 이전에 gitlab 서비스가 배포되었으며, 로컬 gitlab 페이지는 localhost, 127.0.0.1 및 로컬 IP를 통해 액세스할 수 있습니다. 이제 이 머신에서 웹사이트를 구축해서 테스트를 해보고 싶은데, 새로 생성된 웹사이트에 접속하는 방법을 몰라서 관련 정보를 검색해 보니 nginx 구성 파일을 수정해야 한다고 합니다...

过去多啦不再A梦 2017-05-16 17:24:46 0  4  926

제목 변경: 위치 지정을 통해 div를 다른 div 위에 배치

위 이미지에 표시된 대로 공유 div의 위치를 ​​지정하는 것이 저에게는 어려운 일이었습니다. 글쎄요, 매우 실망스럽게 px를 조정하는 아래쪽 및 왼쪽 위치 절대값을 시도했지만 출력은 항상 위쪽이나 아래쪽에 쌓입니다. 그림과 비슷한 출력을 얻으려면 어떻게 해야 합니까? :root{--VeryDarkGrayishBlue:hsl(217,19%,35%);--DeaturationDarkBlue:hsl(214,17%,51%);--GrayishBlue:hs

P粉009186469 2024-04-01 18:37:10 0  1  486

Webpack - vue-cli로 작성된 프로젝트(로컬 실행에는 문제 없음)가 Nginx 서버에 배치될 예정입니다. 어떤 구성을 변경해야 합니까? 또 어떻게 배포하나요?

Vue-cli를 사용하여 로컬로 빌드한 프로젝트의 경우 webpack 구성을 건드리지 않았으며 문제 없이 로컬로 실행됩니다. 그런데 Nginx 서버에 배치할 계획입니다. 구성을 변경해야 합니까? 그렇다면 Nginx를 배포하는 방법은 무엇입니까? 검색했는데 일부는 config: './'...에서 index.js의 자산PublicPath를 변경한다고 말했습니다.

高洛峰 2017-05-27 17:44:57 0  4  1136

하위 요소를 영향을 받지 않게 유지하는 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  358

요소를 상단과 중앙에 고정

가로와 세로 모두 뷰포트를 오버플로하는 페이지가 있는데 탐색을 붙여넣어 항상 위쪽과 가로 가운데에 오도록 하고 싶습니다. 이제 끈끈한 상단이 작동하도록 할 수 있지만 센터링은 작동하지 않습니다. 누구든지 도와줄 수 있나요? body{text-align:center;}#header{ background-color:yellow;width:max-content;position:sticky;top:0;left:50%;translate:-50%}#conta

P粉301523298 2024-03-19 17:30:43 0  2  278

그리드 템플릿 열이 행의 항목을 정렬하지 않습니다.

저는 HTML과 CSS를 처음 접하고 그리드 템플릿 열을 사용하여 탐색 모음을 만들려고 합니다. 내 생각은 탐색 모음을 로고 부분, 웹 사이트 홈페이지 부분, 소셜 링크 부분의 세 부분으로 나누는 것입니다. 문제는 divnavBar 내부의 요소가 연속적으로 정렬되지 않은 반면, menuItemsdiv 내부의 div와 Socialsdiv 내부의 요소는 올바르게 정렬되었으나 그 사이에 공간이 너무 많다는 것입니다. 뭔가 빠졌나요? html{배경:#FFFFFF;}본문{배경

P粉696605833 2024-04-03 16:58:18 0  1  482

javascript - 사진, JS 및 기타 파일과 같은 프로젝트의 공개 파일은 jsp 파일만 배치됩니다. 구성 파일을 통해 정적 파일을 도입하는 방법은 무엇입니까?

1. 이제 js, 그림 등 프로젝트의 정적 파일을 클라우드에 넣고 구성 파일을 구현하는 방법을 통해 로컬로 가져와야 합니다. 2. 주어진 클라우드 주소에서 필요한 구성 파일을 다운로드하고 리소스 경로를 구성합니다. 문제는 위 그림과 같습니다. 3. 클라우드에 있는 주소에 직접 접속하세요.

给我你的怀抱 2017-05-17 10:07:14 0  2  550

내 웹사이트 코드가 문서에서 열면 작동하는데도 Google Chrome에서 실행되지 않습니다.

웹 호스팅 서비스에 모든 변경 사항을 업로드하고 Google Chrome에서 내 웹사이트(https://cecilia-fornes.tech/accueil.html)와 헤더 및 탐색 표시줄(열면 햄버거 메뉴로 변환됨) 모바일 장치를 확인했습니다. 예상대로 작동하지 않습니다. 모바일 장치에서는 숨겨진 메뉴가 있고 대형 화면에서는 보이는 메뉴가 있는 페이지 상단의 블록에 위치할 것으로 예상됩니다. 그런데 메뉴가 2개나 뜨는데 이유를 모르겠습니다. 그리고 내 컴퓨터의 폴더에서 페이지를 열려고 하면

P粉451614834 2024-02-25 23:13:24 0  1  357

javascript - 지도의 아이콘으로 마우스를 이동한 후 표시된 콘텐츠를 아이콘을 기준으로 중앙에 배치하는 방법에 대한 JS 및 CSS 문제입니다.

아래 그림과 같이 오른쪽이 제가 원하는 효과입니다. 즉, 지도의 빨간색 위치 아이콘 위로 마우스를 이동하면 표시되는 사진과 콘텐츠가 아래 위치 아이콘을 기준으로 중앙에 배치됩니다. 왼쪽은 제가 만든 효과입니다. 변위가 너무 심각합니다. 다음은 내 HTML 코드입니다. {code...}

给我你的怀抱 2017-06-12 09:32:10 0  1  861

제목을 다음과 같이 다시 작성합니다. VueJS 웹 애플리케이션에 전체 VSCode를 포함하는 방법

codesandbox와 유사하게 전체 VSCode 편집기가 포함된 VueJS 웹 앱을 구축하려고 합니다. VueJS에서 전체 VSCode를 실행하려면 VSCode 코드 베이스의 어떤 부분이 필요합니까? 그래서 내 생각은 탐색 모음 아래에 VSCode 편집기를 배치하는 것입니다.

P粉312631645 2023-08-29 23:15:18 0  1  576

CSS3 - 양쪽 끝의 플렉스 레이아웃

이러한 요구 사항이 있습니다. 상자 1, 2, 3은 왼쪽, 위쪽, 아래쪽에 중앙에 배치되어야 하고, 상자 4, 5, 6은 오른쪽, 위쪽, 아래쪽에 중앙에 위치해야 합니다. flex 레이아웃? 일부 정보를 확인한 후에는 다음과 같은 일반적인 상황만 달성할 수 있는 것 같습니다.

高洛峰 2017-05-16 13:27:30 0  1  835

높이가 100vh인 배경 이미지의 중앙에 div를 배치합니다.

저는 상단에 고정 위치 네비게이션 바가 있는 강좌를 진행하고 있습니다. 배경의 높이는 100vh로 설정되고 텍스트 내용이 있는 div는 배경 중앙에 있습니다. Flexbox를 사용하면 거의 중앙에 배치되지만 실제로 배경 중앙에 배치하려면 해당 div의 높이를 높이의 100%로 설정해야 합니다. Flexbox와 뷰포트 높이에 대해 알고 있지만 다이빙의 중심을 정하기 위해 div의 높이를 100%로 설정해야 하는 이유가 무엇인지 혼란스럽습니다. 제가 요구하는 것을 복제하기 위해 여기에 배경으로 어떤 이미지든 넣을 수 있다고 생각합니다....

P粉006847750 2024-02-17 12:39:44 0  1  398

UTM: 웹 애플리케이션의 용어는 무엇입니까?

우리는 사용할 올바른 UTM을 찾으려고 노력하고 있습니다. 예를 들어 ReactWeb 애플리케이션에는 4개 영역이 있으며 모두 파트너 회사인 ElectronicsStore 웹 사이트로 연결됩니다. 화면 1페이지(www.abccompany.com/Home)에는 왼쪽 메뉴, 상단 탐색 메뉴, 측면 ClickAd가 있습니다. 화면 2페이지(다른 응용 프로그램 영역, www.abccompany.com/Email)에서는 4개 모두 P를 가리키도록 이메일 받은 편지함 옆에 배치했습니다.

P粉014218124 2023-09-14 12:06:43 0  1  676

Apache에서 Gitblog를 구성하는 방법은 무엇입니까?

Apache에서 Gitblog를 구성하는 방법은 무엇입니까? Gitblog 액세스를 구성하면 404가 발생합니다. Gitblog의 URL이 의사 정적이라고 합니다. 아파치를 의사 정적으로 구성하는 방법은 무엇입니까? Gitblog 블로그를 실행하기 위해 Apache를 구성하는 방법을 아는 사람이 있습니까? Gitblog 공식 홈페이지 문서에는 SAE 구성이 나와있고 구성은 성공했는데 Apache에서 잃어버렸네요...

怪我咯 2017-05-16 17:01:45 0  1  732

Vercel에 배포된 Next.js 앱은 특정 콘텐츠를 로컬로 렌더링하지만 프로덕션 빌드에서는 렌더링하지 못합니다.

Next.JS와 Firebase를 사용하여 구축하고 Vercel에 배포한 웹 애플리케이션이 있습니다. 최근 위치가 static, Bottom:0으로 설정된 하단 탐색 모음을 추가하기 전까지는 모든 것이 잘 작동했습니다. 하단 탐색 모음에는 아이콘과 텍스트가 렌더링됩니다. npmrundev를 사용하여 localhost에서 제대로 로드되는 동안 Vercel에 배포된 프로덕션 버전에서는 하단 탐색 내용이 렌더링되지 않는다는 것을 깨달았습니다. 프로덕션 빌드에서는 하단 탐색 컨테이너(또는 div)만 렌더링됩니다. 내부 콘텐츠(아이콘 및 텍...

P粉042455250 2024-02-26 13:19:43 0  1  494

모바일 보기에서 사용자가 링크를 클릭할 때 이 탐색 표시줄을 어떻게 닫을 수 있나요?

사용자가 웹 사이트를 탐색하기 위해 링크를 클릭하면 탐색 표시줄이 닫히지 않습니까? 내비게이션 바를 닫기 위해 각 링크에 클릭 이벤트 리스너를 추가해 보았지만 작동하지 않습니다! 또한 활성 위치(예: X)의 햄버거 메뉴 아이콘이 제대로 정렬되지 않았습니다. 하지만 가장 큰 문제는 클릭하면 탐색 모음이 접힌다는 것입니다. $(문서).ready(function(){$('.container').click(function(){$('.navbar.menu').toggleClass(

P粉692052513 2024-04-06 19:23:03 0  1  722

iPad에서는 배경 이미지를 표시할 수 없습니다.

내비게이션 바 아래에 배경 이미지를 배치했고, 아래로 스크롤하면 내비게이션 바도 함께 아래로 이동합니다. 그런데 아이패드로 보니 배경 이미지가 검은색에 가까운 진한 파란색으로 나타나더군요. background__image {너비: 100%; 배경 이미지: url("https://Background-image.jpg");

P粉879517403 2023-07-25 11:58:00 0  1  709

절대 위치이지만 상위 항목을 기준으로 함

다른 div 안에 두 개의 div가 있고 CSS를 사용하여 하나의 하위 div를 상위 div의 오른쪽 상단에 배치하고 다른 하위 div를 상위 div의 하단에 배치하려고 합니다. 즉, 두 하위 div에 절대 위치 지정을 사용하고 싶지만 페이지가 아닌 상위 div를 기준으로 위치를 지정하고 싶습니다. 어떻게 해야 하나요? HTML 예: <divid="father"><divid="son1"></div><divid=

P粉395056196 2023-10-11 12:04:14 0  2  699