2013-12-18 2 views
0

나는 웹 페이지를 디자인하고 있으며 지난 1 시간 동안 내 머리를 두드리는 행운을 빕니다.CSS의 텍스트 형식 정의

나는 몇 단락을 작성하고이 개 제약에 따를 필요 해요 :

1)은 필요에 상주하는 사업부가 중심되는,하지만 내가 사업부 내부의 실제 텍스트가되고 싶지 않아 중심에 두었다. 예를 들어 링크/텍스트는 다음과 같습니다. http://paulstamatiou.com/

2) 텍스트를 div의 크기로 제한하고 싶습니다. 그리고 라인이 그 경계를 만났을 때, 그것은 라인이 어디에 있든 깨뜨리고 단순히 왼쪽으로 계속됩니다 다음 줄에 정렬. 창을 축소하면 오버플로를 숨기고 싶지 않습니다.

<pre> 태그 내가 noobish 질문에 대한 죄송합니다

.preformatted { 

    font-family: monospace; 
    white-space: nowrap; 
    text-align: center; 


} 

로 정의했습니다 서식이 클래스를 가지고, 나는 다른 곳에서 내 해결책을 찾기 위해 노력했습니다. 오버플로, 공백 및 기타 태그를 사용하여 운이 좋지 않습니다. 지금 당장하고있는 것처럼 개별적으로 줄을 긋는 것보다 쉬운 방법이 있어야합니다.

+0

코드를 디버깅 할 수 있도록 jsfiddle을 만들어야합니다. 질문에 대한 답변을 줄 수는 없습니다. – DrCord

답변

0

잘 모르겠습니다. 귀하의 질문을 이해하지만 margin: 0 auto으로 div를 가운데 맞춤으로 포함 된 텍스트의 맞춤에 영향을주지 않습니다. 텍스트의 각 줄은 div 너비에 도달하면 줄 바꿈됩니다. 여기 jsfiddle 시연입니다 : 당신의 사업부를 중심으로하는 방법은 몇 가지가 있습니다

http://jsfiddle.net/Vx9K9/

0

1). 이전 방법은 margin: 0 auto;입니다. 또한 귀하의 요구를 충족시키는 position 또는 margin을 시도 할 수 있습니다.

2) div 테두리를 초과 할 때 텍스트를 감싸려면 div 개체에 overflow:hidden;을 사용해야합니다.

+1

또한 마진 트릭이 작동하도록 요소에 너비 또는 최대 너비가 있어야합니다. – davethegr8