单行文本而不是换行

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

不确定有什么问题，但我已将您的内容复制到记事本文件中一次。然后我从记事本文件中复制了相同内容，并使用开发者控制台在您的网站中添加了相同内容，并且工作正常，然后正确包装文本。

我建议您对数据库内容也这样做。

Answer 2

我认为你必须考虑这个想法。

1。）确保父元素的宽度小于窗口屏幕宽度。 2.）确保您添加的文本不是连续的，我的意思是单词用空格分隔。

Answer 3

尝试：

text-wrap: normal;或 white-space: normal;或 word-break: break-all;

在父div或内段。

答案 3 :(得分：0)

请将以下代码添加到主题css文件中。

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

Answer 4

请将以下代码添加到主题css文件中。

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