CSS : 줄 바꿈 단어를 강제로

로그 파일을 읽고 더 우아한 페이지로 변환하는 Symfony bundle을 만들려고하는데 사용하고 있지만 div로 감싸지지 않은 일부 텍스트에 문제가 있습니다. word-wrap : break-word; :
내 코드 :
가 어떻게이하시기 바랍니다 수정할 수 있습니다
CSS : 줄 바꿈 단어를 강제로

<div class="card-stacked"> 
       <div class="card-content"> 
        <div style="word-wrap : break-word;">{{ log.description }}</div> 
       </div> 
      </div>

이 내가 얻을 resut입니다!

출처

2017-05-05 SlimenTN

시도해주세요! important; css 코드 word-wrap : break-word! important; –

이것은 일반적으로 너비가 고정 된 컨테이너를 사용하고 동일한 너비 속성을 가진 텍스트를 제한하지 않은 결과입니다. 나는 당신이 너비 너비의 CSS 속성을 제어 할 수 있는지 확인하려고한다. 그건 그렇고, 당신은 단어를 감싸는 것에 중요한 것을 추가해보고 차이가 있는지 알아볼 수 있습니다. – Xariez

@ShitalMarakana는 여전히 같은 문제입니다. – SlimenTN

이 CSS 코드를 추가하십시오 "단어 줄 바꿈 : 단어 분리 중요! 단어 분리 : 모두 깨기 중요!"

<div class="card-stacked"> 
        <div class="card-content"> 
         <div style="word-wrap: break-word !important; word-break:break-all !important;">{{ log.description }}</div> 
        </div> 
       </div>

출처

2017-05-05 13:44:47

감사합니다. '단어 끊기 : 모두 끝내라'는 속임수를했습니다. :) – SlimenTN

도와 드리겠습니다. :) –

CSS : 줄 바꿈 단어를 강제로

답변

관련 문제