줄 바꿈 대신 한 줄로 된 텍스트

Question

왜 내 텍스트가 컨테이너 내부를 줄 바꿈하는 대신 한 줄에 있는지 이해할 수 없습니다.

내 주제는 기초 (5)을 기반으로하며 내 텍스트에 대한 CSS 라인을 작성하지 않았다. 페이지

<?php 
/* 
Template Name: Blog Page 
*/ 

get_header(); 
?> 

<?php 
$args = array('post_per_page' => 10); 
$posts = get_posts($args); 
?> 
<div class="row"> 
    <div class="small-12 medium-3 columns"> 
     <?php dynamic_sidebar('left-blog-sidebar'); ?> 
    </div> 
    <div class="small-12 medium-6 columns"> 
     <?php 
     foreach($posts as $post): 
      setup_postdata($post); ?> 
      <article post-id="<?php the_ID(); ?>"> 
       <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3> 
       <hr /> 
       <p><?php the_excerpt(); ?></p> 
      </article> 
     <?php 

     endforeach; 
     wp_reset_postdata(); 
     ?> 
    </div> 
    <div class="small-12 medium-3 columns"> 
     <?php dynamic_sidebar('right-blog-sidebar'); ?> 
    </div> 
</div> 
<div class="row"> 
    <?php 
     get_footer(); 
    ?> 
</div> 

링크 : tinyurl.com/ttttt6577

어떤 아이디어 그건 내가 지금 쓴 코드입니까? 고마워.

Answer 1

이 아이디어를 고려해야한다고 생각합니다.

1.) 상위 요소의 너비가 창 화면 너비보다 작아야합니다. 2.) 계속 추가하지 않은 텍스트는 반드시 공백으로 구분해야합니다.

Answer 2

시도 :

text-wrap: normal; 또는 white-space: normal; 또는 부모 DIV 또는 내부 단락에 word-break: break-all;

.

Answer 3

테마 코드에 아래 코드를 추가하십시오.

article p { 
     word-break: break-all !important; 
    } 

Answer 4

무엇이 잘못되었지만 메모장 파일에 콘텐츠를 한 번 복사했는지 확실하지 않습니다. 그런 다음 메모장 파일에서 동일한 내용을 복사하여 개발자 콘솔을 사용하여 사이트에 동일한 내용을 추가 했으므로 제대로 작동합니다. 텍스트는 올바르게 래핑됩니다.

데이터베이스 콘텐츠에서도 동일한 작업을 수행 할 것을 제안합니다.