為什么這些元素沒有顯示：內聯塊正確對齊？
[英]Why aren't these elements with display:inline-block properly aligned?
問題描述
我有一個display設置為inline-block的鏈接，旁邊是一個高度相同的<div> 。 然而， <div>以某種方式向下偏移，我不知道為什么。
這是一個jsFiddle： http ： //jsfiddle.net/2bWjx/1/
發生了什么
#stats （灰色）顯示低於a.sector one-letter 。
我想要發生什么
#stats應該與a.sector one-letter一樣設置（頂部和底部在同一點）。
我一直在努力解決這個問題，並且可以使用一些幫助。 應該是一個簡單的修復！
在此先感謝您的幫助！
1 個解決方案
解決方案1
24 已采納 2011-10-04 03:14:19
您需要將vertical-align: top添加到display: inline-block 。
請參閱： http ： //jsfiddle.net/thirtydot/2bWjx/2/
默認的vertical-align是baseline ，這會導致您看到的問題。
您可以在此處查看各種可能值之間的差異： http ： //www.brunildo.org/test/inline-block.html
盡管“ display：inline-block”，這些div為什么不顯示在同一行？
[英]Why aren't these divs displaying in the same line despite of “display:inline-block”?
在Chrome中調整大小后，為什么元素不再顯示內嵌塊？
[英]Why don't elements display inline-block again after a resize down and up in Chrome?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.