단락에 공백 추가

Question

단락의 문자 수를 특정 숫자로 제한하려고합니다. 텍스트가 이보다 작 으면 공백으로 채 웁니다. 길이가 길면 필자는 줄임표로 잘라냅니다. 단락을 포함하는 모든 컨테이너의 크기를 동일하게 설정합니다.

응답 성있는 표를 사용하고 있으므로 내 컨테이너가 단락의 길이에 맞게 동적으로 크기가 조절됩니다. 나는 p 요소에 pre-wrap을 추가하려고 시도했지만 div는 크기를 조정하지 않습니다. 추가 된 공백을 여전히 무시하는 것 같습니다. http://jsfiddle.net/RFBza/4/

Answer 1

OMG :

p 
{ 
white-space:pre-wrap; 
} 

여기 내 상황을 보여주는 JSFiddle이다. 그러나 어떤 이유로 든 정확하게하려는 경우   코드를 공백으로 나눈 값을 추가하십시오. 따라서 5 개의 공백을 추가 한 곳에서 이제      을 추가하십시오. 물론 그것은 여전히 ​​끔찍한 생각입니다.

Answer 2

white-space은 div를 "길게"하거나 채우기 공간을 채우기위한 것이 아닙니다. 이는 단지 포함 된 div에서 단어가 어떻게 랩핑되는지를 결정하기위한 것입니다. 당신이 그들 모두가 비슷 것을 성취하려는 경우 예를 들어, DIV 오버 플로우 텍스트를 원한다면, 당신은 지금 white-space

http://www.w3schools.com/cssref/pr_text_white-space.asp

때와 수, 빠른 더러운 방법은을 추가하는 것입니다 포함 div에 대한 최소 높이.

http://jsfiddle.net/RFBza/6/

이 문제는 당신이 표현이 지속적으로 변경됩니다, 그래서 실제 높이가 변경 될 수 있습니다 (그리고 당신이 더 이상 중 하나가 작동하지 않습니다이 크기를 조정할 수 있도록이 반응이다, 말했듯이)이다

원하는 효과를 얻으려면 몇 가지 다른 기술이 있지만 몇 가지 JQuery, 일부 마크 업 변경 또는 PHP가 필요합니다 (문자열이 너무 많은 문자로만 표시되도록하려면 줄임표가 필요함).

에 추가 할 수도 있습니다. CSS의선택기가 있지만 모든 단락에 적용되므로주의해야합니다. 어쩌면 몇 가지 선택자를 사용하여 구체적인 정보를 얻을 수 있습니다.

http://jsfiddle.net/RFBza/7/

p 
{ 
    white-space:pre-wrap; 
    min-height:192px 
} 

또한, 사용 PHP는 길이를 결정하고 그것을 초과하는 경우 생략 부호를 표시합니다. 이 경우 50 자입니다.

echo mb_strimwidth("Your paragraph goes here", 0, 50, '...');