2

まず第一に、私はここでその質問を見つけましたが、答えは私のケースにはあまり適合しません。それがどういうわけか理にかなっていれば:-D

サイバーチンパンジーの「レスポンシブ」Wordpress テーマの子テーマを作成しています。

そのためには、テキストを 3 列に整形するだけでなく、サイトのバックエンドで編集できるようにする必要がありました。私はCCSでそれを管理しました：

.col-940{
    clear: none;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -webkit-column-gap: 40px;
    -moz-column-count: 3; /* Firefox */
    -moz-column-gap: 40px; 
    column-count: 3;
    column-gap: 40px;
}

p {
    margin: 5px 0px 0px 0px;
}

これにより、最初の列が次の列よりも 5px 低く始まるという問題が発生します。理由がわかりません。

上記のように、他のスレッドの回答は機能しません。これは、2 列しか使用しないサブサイトもあるため、定義された幅を使用できないためです。テキストが入っている div の上/前には、常に別の div があります。

(PHP)テキストが入っているコンテナ: 

<?php if( have_posts() ) : ?>

    <?php while( have_posts() ) : the_post(); ?>

        <?php responsive_entry_before(); ?>
        <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <?php responsive_entry_top(); ?>

            <div class="post-entry">
                <?php the_content( __( 'Read more &#8250;', 'responsive' ) ); ?>
                <?php wp_link_pages( array( 'before' => '<div class="pagination">' . __( 'Pages:', 'responsive' ), 'after' => '</div>' ) ); ?>
            </div>
            <!-- end of .post-entry -->

            <?php responsive_entry_bottom(); ?>
        </div><!-- end of #post-<?php the_ID(); ?> -->

    <?php
    endwhile;

    get_template_part( 'loop-nav' );

else :

    get_template_part( 'loop-no-posts' );

endif;
?>

PHP によって生成される (HTML) コンテナー:

<div id="post-25" class="post-25 page type-page status-publish hentry">
    <!--
        <h1 class="entry-title post-title">Kontakt</h1>…
    -->
    <div class="post-entry">
        <p>
            Lorem ipsum dolor sit amet, consetetur sadipscing …
        </p>
    </div>
    <!-- end of .post-entry -->
</div>
<!--end of #post-25 -->

画面:

状況のショット

マークされた問題のあるショット

4

2 に答える 2

6

5px margin-top を適用しましたが、列の上部に発生する唯一の場所は最初の列の先頭です。おそらく次のようにして、このマージントップを削除する必要があります

    .post-entry > p:first-child {
      margin: 0;
    }
于 2014-09-05T18:15:01.863 に答える