Question

我正在努力解决问题，我认为有人可以帮助我。我试图在一定数量的div容器之后插入一个明确的div。现在在这个例子中，我已经设法让它工作，在前三个放置一个明确的div之后，但是我希望它在每组3个div之后插入，具体取决于我设置了多少篇精选文章（3， 6,9等）。

$featured_articles = get_field('featured_articles', false, false );
    $id = $featured_articles[0];
    //var_dump();
    $numberOfArticles = count($featured_articles);
    //var_dump($featured_articles);
    echo "<div class='container'>";
        echo "<div class='row-fluid'>";

            for ($i=0; $i < $numberOfArticles; $i++) { 
                if ($featured_articles) {
                        $id = $featured_articles[$i];

                        //var_dump($featured_articles);
                        if ( has_post_thumbnail($id) ) {

                            echo "<div class='span4'>";
                            echo "<article class='post__holder recipes'>";
                            echo "<a href='".get_permalink($id)."' class='image'>";
                                echo get_the_post_thumbnail( $id, 'medium-thumb' );
                                $image_large = wp_get_attachment_image_src( get_post_thumbnail_id($id), 'large');
                            echo "</a>";
                        }
                        echo "<a href='".get_permalink($id)."'><h3>".get_the_title($id)."</h3></a>";
                        echo "<div class='starRating'>";
                        echo "<img src='".home_url()."/wp-content/themes/BUZZBLOG-theme/images/StarRating.svg' alt='Testergebnis'>";
                        echo "<div class='bar' style='width:".get_field('rating', $id)."%'></div>";
                        echo "</div>";/** end starrating **/
                        echo "<a href='".get_permalink($id)."'><div class='readmore-button'>Zum Testbericht...</div></a>";
                        echo "</div>"; 
                        echo "</article>";
                        if ($i >= 2) {
                            if($i == 2) { 
                                echo "<div class='clearfix'>";
                            }
                            if ($i == $numberOfArticles) {
                                echo "</div>";
                            }
                        }


                }
            }
            echo "</div>";
            echo "</div>";

Answer 1

试试这将检查3的倍数并放置一个clearfix div

也不要忘记从$ 1到$ i＆lt; = $ numberOfArticles

启动$ i

class ProfileViewController: UIViewController {
var user: User?
@IBOutlet weak var userNameLabel: UILabel!

override func viewDidLoad() {
    super.viewDidLoad()
    getUserData { myUser in
      self.user = myUser
      self.userNameLabel.text = myUser.name
    }

Answer 2

你可以这样做： -

for ($i=0; $i < $numberOfArticles; $i++) { 
  // your code
  if($i%3==0) echo '<div class="clearfix"></div>';
}

Answer 3

您可以使用array_chunk()函数将数组分成3个成员组，然后迭代每个数组。

PHP是一种嵌入在HTML中的服务器端脚本语言。

因此，请在代码中使用此功能，而不是在代码中的每个位置编写echo "html element"。

我认为你错过了div元素的匹配。因为<article>必须在<div class='span4'>之前关闭，但在您的代码中它不在那里。

$featured_articles = get_field('featured_articles', false, false );
    $dividedIn3GroupsEach = array_chunk($featured_articles, 3);    
    foreach ($dividedIn3GroupsEach as $array) {
        ?>
        <div class='container'>
            <div class='row-fluid'>
                <?php
                foreach ($array as $key => $value) {
                    $id = $featured_articles[$key];
                    if (has_post_thumbnail($id)) {
                        ?>
                        <div class='span4'>
                            <article class='post__holder recipes'>
                                <a href='<?php echo get_permalink($id); ?>' class='image'>
                                    <?php
                                    echo get_the_post_thumbnail($id, 'medium-thumb');
                                    $image_large = wp_get_attachment_image_src(get_post_thumbnail_id($id), 'large');
                                    ?>
                                </a>
                            <?php } ?>
                            <a href='<?php echo get_permalink($id); ?>'><h3><?php echo get_the_title($id); ?></h3></a>
                            <div class='starRating'>
                                <img src='<?php echo home_url() ?>"/wp-content/themes/BUZZBLOG-theme/images/StarRating.svg' alt='Testergebnis'>
                                <div class='bar' style='width:<?php echo get_field('rating', $id); ?>%'></div>
                            </div>
                            <a href='<?php echo get_permalink($id); ?>'><div class='readmore-button'>Zum Testbericht...</div></a>
                        </article>
                    </div>
                    <?php }
                ?>
</div> <!-- row-fluid end -->
</div> <!-- container end -->
                <div class='clearfix'></div>
            <?php } ?>

我希望这对你有所帮助。

在PHP中的一定数量的DIV之后插入清除修复

3 个答案: