内联块,多个div?

时间:2018-03-02 22:17:09

标签: html css

我遇到了问题,下面的代码允许我查看发布的帖子。使用CSS我可以将此div中的文本对齐为“左对齐”。我需要将它保存在内联块中,否则它会影响其他所有内容。这很好用,但仅适用于第一篇文章。下一个不受CSS的影响。看截图,前4行是第一个帖子,其他的是不同的帖子,它们没有对齐。 Problem shown here.

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;}

1 个答案:

答案 0 :(得分:0)

您编写的CSS选择语句不正确;你要求提供课程元素&#34; vs-info&#34;这是ID&#34; vs&#34;的元素的 后代

将逗号放入CSS中,如下所示:

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

现在您的CSS将应用于ID为&#34; vs&#34;的元素。或者带有类&#34; vs-info&#34;的元素,并且您将使用PHP创建的DIV将被指定为显示内联块。