2016-08-02 4 views
0

본문 요소 내에 일반 단락 요소가 있습니다.이 요소에는 브라우저 창을 축소 할 때 텍스트가 다음 줄로 이동하게하는 여러 줄의 텍스트가 들어 있습니다.브라우저 창을 축소하면 단락 요소가 텍스트를 다음 줄로 이동하게합니까?

나는이 일이 일어나기를 원하지 않지만, 텍스트가 몇 줄을 차지하고 있는지에 대해 정의되고 일정한 구조를 가지고있다.

브라우저 창을 축소하면 같은 위치에 그대로 두어 브라우저의 가장자리와 함께 움직이는 대신 화면에서 일부만 자릅니다.

감사합니다.

p { 
    color: white; 
    font-size: 0.9em; 
    font-weight: bold; 
    position: absolute; 
    top: 200px; 
    left: 200px; 
    text-align: center; 
} 

내 HTML의 기압은 말 그대로 몸의 요소와 그 안에 텍스트 기압 단락 요소 :

여기 내 코드입니다.

+0

처럼 소리 텍스트가 줄 바꾸기를 방지하려고합니다. 'white-space : nowrap'를 추가하십시오. –

+1

고마워요 :) – koz

답변

0

min-width을주고 싶습니다. 이 단락은 가로 공간에 상관없이 윈도우의 크기의 동일한 금액을 차지해야하고 싶은 경우

p { 
    min-width: 200px; 
} 
+0

고마워요. – koz

+0

@koz 아무 문제 없어요! 다행스럽게 도울 수 있어요. –

0

, 당신은 아마 width 재산을 찾고 :

p { 
    width: 500px; 
}