內聯塊，多個div？

Question

我有一個問題，下面的代碼使我可以查看發表的帖子。 借助CSS，我可以將該div中的文本對齊為“左對齊”。 我需要將其保留在一個內聯塊中，否則它將影響其他所有內容。 這很好用，但僅適用於第一篇文章。 下一個不受CSS影響。 看截圖，前4行是第一篇文章，其他是不同的文章，它們沒有對齊。 問題在這里顯示。

PHP：

    $output .= '<div class="vs-info">';
        if ($event_excerpt != 'yes') {
            $output .= $content = apply_filters( 'the_content', get_the_content() );
        } elseif (!empty($event_summary)) {
            $output .= apply_filters( 'the_excerpt', $event_summary );
        }  else {
            $output .= $content = apply_filters( 'the_excerpt', get_the_excerpt() );
        }
    $output .= '</div>';

CSS：

#vs .vs-info {display:inline-block; text-align:left;}

Answer 1

您編寫的CSS選擇器語句不正確； 您要的是“ vs-info”類的元素，該元素是ID為“ vs”的元素的后代 。

像這樣在您的CSS中放置一個逗號：

#vs, .vs-info {display:inline-block; text-align:left;}

現在，您的CSS將應用於ID為“ vs”的元素或類別為“ vs-info”的元素，並且您使用PHP創建的DIV將被分配為顯示內聯塊。