내 웹 사이트에서 네비게이션 시스템의 일부가 될 텍스트를 만드는 데 문제가 있습니다. 현재 텍스트는 그냥 앉아서 브라우저를 재조정 할 때 움직이지 않습니다.웹 사이트에서 응답하는 텍스트를 만들 수 없습니다.
.wrapper1{
width:100%;
max-width:960px;
margin:0 auto;
}
내 웹 사이트에서 네비게이션 시스템의 일부가 될 텍스트를 만드는 데 문제가 있습니다. 현재 텍스트는 그냥 앉아서 브라우저를 재조정 할 때 움직이지 않습니다.웹 사이트에서 응답하는 텍스트를 만들 수 없습니다.
.wrapper1{
width:100%;
max-width:960px;
margin:0 auto;
}
당신은 당신이 당신의 브라우저 윈도우의 크기를 변경할 때 텍스트 이동 예상 :
<div id="apDiv1">
<div class="wrapper1">
<h2>Home</h2>
</div></div>
여기 내 CSS입니다 :
여기 내 HTML입니다.
그러나 텍스트를 조정 한 상태로 유지하는 경우 (사용자의 경우와 마찬가지로) 창 크기에 관계없이 항상 왼쪽에 표시됩니다. 그래서 당신은 그것이 "움직 이길"기대하지 않아야합니다.
div를 화면 중앙에 배치하려고합니까? 나는 당신이 텍스트를 옮겨서 무슨 뜻인지 모르겠다. ".wrapper1"div의 가운데에 맞추려면 position: relative
을 추가하십시오. 텍스트를 중심하려면
, 그것은 text-align: center;
답장을 보내 주셔서 감사합니다. 추천 한 것처럼 "위치 : 친척"을 추가했지만 아무 것도하지 않고 있지만 텍스트는 여전히 동일한 위치에 있습니다. 또한, 네가 네비게이션 시스템을 어떻게 가질 것인지를 안다. 네가 브라우저의 크기를 조정하면 내 시스템이 재조정되기를 기대한다. 광산은 그렇게하지 않는다. 그래서 네비게이션 시스템의 일부로 텍스트를 가질 것이고, 브라우저의 크기를 조정하면 "집"링크를 볼 수 없으므로 브라우저의 크기를 조정하면 사용자가 화면에서 볼 수 있도록 위치를 따라 가야합니다. 희망은 충분히 명확하다. – Dane
올바르게 이해했다면 div가 가운데에 오게하고 싶습니다. 그러나 창이 960px보다 넓은 경우에만 사용 하시겠습니까? –
h2 텍스트 센터링에 대한 답변을 추가했습니다. –
당신이 당신의 HTML에서 제대로 CSS 파일을 포함나요하게?
예상대로 작동합니다. 디버깅의 기초를 다음과 같이 설정할 수 있습니다.
<html>
<head>
<style type="text/css"> .wrapper1 {color:red; text-align:center; width:100%;} </style>
</head>
<body>
<div id="haha">
<div class="wrapper1">
<h2>Hello World.</h2>
</div>
</div>
</body>
</html>
"브라우저를 다시 조정할 때"정확히 무엇을 기대합니까? – Mundi
답장을 보내 주셔서 감사합니다. 브라우저 크기를 다시 조정하면 텍스트가 이동되기를 원할 것입니다. 예를 들어 브라우저를 작게 설정하거나 모바일에서 조정할 경우, 예를 들어 100 %로 설정하지만 그게 전부입니다. – Dane
계속 - StackOverflow에서 브라우저의 크기를 조정하면 메뉴와 텍스트 등이 함께 움직이는 것을 볼 수 있습니다. 그게 내가 달성하려는 것입니다. – Dane