與圖像

Question

響應表，我想調整兩個圖像（左圖像 - 右圖），並在同一行同時維持。現在，如果我嘗試修改窗口大小，則右側的窗口大小會低於左側的窗口大小。

Example: Table with the two images - left sidebar

似乎使用表格可以解決，但我不知道如何使它響應。你能幫我嗎？

Answer 1

你並不需要一個表只是對齊內容。表格旨在顯示錶格（網格類型）數據，而不是佈局。

如果DOM中有多個元素彼此相鄰，則一個簡單的方法是將它們分別設置爲display: inline-block，這允許它們像內聯元素一樣相鄰流動，但被設置爲塊級元素。

因爲他們是內聯像文本可以設置兩個vertical-align: top他們彼此對齊的頂線，無論高度。這也比使用浮動元素有一個優點，就是它們也佔用父元素的空間。