顯示：內聯塊不會產生水平結果

輸出僅包括2黃色盒，但也可能有更多。我希望這些框水平顯示，而不是像現在顯示的那樣垂直顯示。我試圖用display: inline-block來實現我的目標，但無濟於事。我怎樣才能讓盒子水平顯示？

2016-05-20 zerowords

你想要的元素在中心相鄰頁面的中心或彼此之間的頁面？ –

添加float: left到.sticky（和一些餘量左和/或右）：

2016-05-20 22:18:39 Johannes

浮動內嵌塊的優點：http://stackoverflow.com/questions/15172520/advantages-of-using-displayinline-block-vs-floatleft-in-css – Erik

演示浮動的常見問題：https：/ /jsfiddle.net/fvrj5by6/4/ – Erik

我是能夠通過添加float: left;到.sticky併除去display: inline-block horiontally居中元素：

.sticky { 
    float: left; 
}

2016-05-20 22:16:51

是的，你是對的。顯示器：內聯塊並不是真的需要。我之前沒有使用過'float：'。 – zerowords

使用display:inline-block爲div與class="element"並刪除<div class="reminders"> th在你面前的第二<div class="element"

2016-05-20 22:25:05 frank

我認爲這是一個非常好的主意，因爲它似乎不需要div「提醒」。我懷疑你的回答會產生@Erik建議的同樣令人滿意的結果。 – zerowords

把剛纔如果你不想刪除元素或讓他們漂浮，加上display: inline-block父母雙方：.reminders, .element {display: inline-block}

2016-05-20 22:31:35 Erik

這樣做的好處是，框的中心位置與標題區域相同，而不是從左邊距開始的框。我喜歡。 – zerowords

回答