CSS兩列布局

http://codepen.io/anon/pen/LFvlp CSS兩列布局

HTML

CSS

.entry-content { 
     -webkit-column-count: 2; /* Chrome, Safari, Opera */ 
     -moz-column-count: 2; /* Firefox */ 
     column-count: 2; 

     -webkit-column-gap: 30px; /* Chrome, Safari, Opera */ 
     -moz-column-gap: 30px; /* Firefox */ 
     column-gap: 30px; 
    } 

.post-tags { 
    margin-top: 15px; 
}

正如你可以在codepen看到我有兩個CSS列。現在我想讓'post-tags'div始終與第一個alinea的最後一行高度相同。那可能嗎？

來源

2014-11-02 user3071261

你的意思是說，你需要在第一欄和第二中第二個div的第一個div柱？ – TheGaME 2014-11-02 10:11:51

你爲什麼不直接發送'post-tags' div到外部？ – 2014-11-02 10:12:21

不，我希望第二列的高度與第一列完全相同（或者稍短一點也不錯）。現在，正如你所看到的，第二列作爲第一列更長一點（主要是當我讓我的屏幕更小） – user3071261 2014-11-02 10:13:40