内联块,多个div?

问题描述 投票:0回答:1

我有一个问题,下面的代码允许我查看发布的帖子。使用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;}
html css
1个回答
0
投票

你写的CSS选择器语句不正确;你要求的是一个“vs-info”类的元素,它是一个ID为“vs”的元素的后代。

像这样在你的CSS中放一个逗号:

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

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

© www.soinside.com 2019 - 2024. All rights reserved.