如何防止Feed项溢出到下一列

时间:2018-07-02 05:41:20

标签: css wordpress

我正在使用WP RSS Aggregator,并且已将Feed设置为容器样式,并创建了3列布局。将Feed限制为每页18个,我遇到了溢出问题。设置CSS溢出:隐藏!重要;尚未解决问题。由于每个提要项的长度各不相同,因此我希望找到一种解决方案,可以适用于每个提要类别。以下是提要页面的链接,后面是我为将提要导入到各自页面而实现的CSS。预先感谢您的帮助。

enter image description here

div.wprss-et-social-buttons {
        display: none;
    }
    .thumbnail-excerpt img{
        float: none !important;
    } 
    .thumbnail-excerpt {
        text-align: center;
    }
    li.feed-item{
      overflow: hidden !important;
        border: solid #000 2px;
        border-radius: 5px;
        padding: 10px;
        width: 250px;
        background: #eee;
    }
    .thumbnail-excerpt {
        overflow: auto !important;
    }
    wprss-feed-excerpt{
        font-size: 16px;
            text-align: center;
    }
    li.feed-item > a{
        font-size: 23px;
            text-align: center;
    }
    ul.rss-aggregator{
        column-count: 3 !important;
        list-style-type: none;
    }
    @media only screen and (max-width: 980px) { 
    ul.rss-aggregator {
        column-count: 2 !important; 
        }
    }
    @media only screen and (max-width: 479px) {
        ul.rss-aggregator {
        column-count: 1 !important;
        }
    }

0 个答案:

没有答案