如果div宽度增加样式另一个div只使用CSS

时间:2017-02-15 06:00:58

标签: css sass

请仔细阅读以下截图。如果div宽度或文本计数较少,它工作正常。如果div宽度增加,则右侧文本设计会中断。

我只需要使用SASS或css写一个条件,如果div宽度增加,则将旁边的文本按照屏幕截图中的方式向下移动。如果div宽度增加,那么只有它必须降低。否则它运作正常。

Expected result

Currently showing like this

请有人帮忙吗?

<div class="article__meta live-blog-article-meta">
            <div class="article-slug article-slug--article-page theme__background-color">
            <span class="article-slug__copy">Advertisement Feature</span>
        </div>

    <div class="article__name-date">
                    <div class="article__author theme__copy-color">
                <span class="article__author-name theme__copy-color">
                    RAMASAMY AYYAPPAN               </span>
            </div>

        <div class="article__time">
            <div class="article__published">
                <span>14th February 2017,</span>
                <span class="article__timestamp">6:40 am</span>
            </div>

                    <div class="article__updated">
                <span>Updated: 14th February 2017,</span>
                <span class="article__timestamp">7:39 am</span>
            </div>
                </div>

    </div>
</div>

0 个答案:

没有答案