我不能讓我的引導柱的高度相同

一是擴大，我知道這個問題已經被問了好幾次，我試過，我發現所有的解決方案。這就是爲什麼我再次問它。我不能讓我的引導柱的高度相同

的引導格我的工作具有最大寬度：1000像素。在這個尺寸下，三列的高度完全相同。問題在於屏幕越來越小，越來越複雜到不同數量的字符，它們不會以相同的高度展開。

有什麼我想這麼遠？顯示：表格; Flexbox的;行當量高度; matchheight.js。

Codepen：https://codepen.io/anon/pen/qPQjjp嘗試調整瀏覽器窗口，你可以看到一列變得比其他依賴於窗口尺寸更大。

<div class="feature1"> 
     <div class="col-sm-4"><div class="col-sm-12 well feature1-box">Text goes here</div></div> 
     <div class="col-sm-4"><div class="col-sm-12 well feature1-box">Text goes here</div></div> 
     <div class="col-sm-4"><div class="col-sm-12 well feature1-box">Text goes here</div></div> 
     </div>

額外列「COL-SM-12」是一招我爲了給三個主要欄目之間的空白在這裏學到。

CSS

.feature1 { 
    margin-left: auto; 
    margin-right: auto; 
    left: 0; 
    right: 0; 
    max-width: 1000px; 
}

來源

2017-10-16 Pierre.A

你能不能給一個codepen或的jsfiddle，讓我們看看你有什麼碼？ –

@JackMoody確保https://codepen.io/anon/pen/EwOmpP –

我不知道我理解你的問題。無論箱子裏有多少文字，你想讓箱子擁有相同的高度嗎？ –

從adobe.com上的Dreamwaver論壇一個傢伙，幫我與此有關。這實際上是唯一可行的解決方案。

對我來說，這就是CSS我應該使用：

.feature1 { 

display: flex; 

flex-wrap: wrap; 

margin-left: auto; 

margin-right: auto; 

max-width: 1000px; 

} 

.col-sm-4 { 

display: flex; 

} 

.well { 

flex: 1; 

} 

.well h3 { 

text-align: center; 

} 

.well figure { 

text-align: center; 

}

來源

2017-10-17 13:09:30

我不能讓我的引導柱的高度相同

回答

相關問題