2013-04-27 11 views
-1

내 웹 사이트에서 네비게이션 시스템의 일부가 될 텍스트를 만드는 데 문제가 있습니다. 현재 텍스트는 그냥 앉아서 브라우저를 재조정 할 때 움직이지 않습니다.웹 사이트에서 응답하는 텍스트를 만들 수 없습니다.

.wrapper1{ 

width:100%; 
max-width:960px; 
margin:0 auto; 

} 
+2

"브라우저를 다시 조정할 때"정확히 무엇을 기대합니까? – Mundi

+0

답장을 보내 주셔서 감사합니다. 브라우저 크기를 다시 조정하면 텍스트가 이동되기를 원할 것입니다. 예를 들어 브라우저를 작게 설정하거나 모바일에서 조정할 경우, 예를 들어 100 %로 설정하지만 그게 전부입니다. – Dane

+0

계속 - StackOverflow에서 브라우저의 크기를 조정하면 메뉴와 텍스트 등이 함께 움직이는 것을 볼 수 있습니다. 그게 내가 달성하려는 것입니다. – Dane

답변

1

당신은 당신이 당신의 브라우저 윈도우의 크기를 변경할 때 텍스트 이동 예상 :

<div id="apDiv1"> 
<div class="wrapper1"> 
    <h2>Home</h2> 
</div></div> 

여기 내 CSS입니다 :

여기 내 HTML입니다.

그러나 텍스트를 조정 한 상태로 유지하는 경우 (사용자의 경우와 마찬가지로) 창 크기에 관계없이 항상 왼쪽에 표시됩니다. 그래서 당신은 그것이 "움직 이길"기대하지 않아야합니다.

+0

답장을 보내 주셔서 감사합니다.하지만 "좌 조정"으로 설정 했으므로 변경할 수 있습니까? – Dane

+0

기본값입니다. css 클래스에'text-align : center'를 추가하십시오. – Mundi

+0

감사합니다 Mundi,하지만 아직 아무것도하지 않습니다. – Dane

0

div를 화면 중앙에 배치하려고합니까? 나는 당신이 텍스트를 옮겨서 무슨 뜻인지 모르겠다. ".wrapper1"div의 가운데에 맞추려면 position: relative을 추가하십시오. 텍스트를 중심하려면

, 그것은 text-align: center;

+0

답장을 보내 주셔서 감사합니다. 추천 한 것처럼 "위치 : 친척"을 추가했지만 아무 것도하지 않고 있지만 텍스트는 여전히 동일한 위치에 있습니다. 또한, 네가 네비게이션 시스템을 어떻게 가질 것인지를 안다. 네가 브라우저의 크기를 조정하면 내 시스템이 재조정되기를 기대한다. 광산은 그렇게하지 않는다. 그래서 네비게이션 시스템의 일부로 텍스트를 가질 것이고, 브라우저의 크기를 조정하면 "집"링크를 볼 수 없으므로 브라우저의 크기를 조정하면 사용자가 화면에서 볼 수 있도록 위치를 따라 가야합니다. 희망은 충분히 명확하다. – Dane

+0

올바르게 이해했다면 div가 가운데에 오게하고 싶습니다. 그러나 창이 960px보다 넓은 경우에만 사용 하시겠습니까? –

+0

h2 텍스트 센터링에 대한 답변을 추가했습니다. –

0

당신이 당신의 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> 
관련 문제