HTML：div不對齊？

-1

你好，我使用Bootstrap和我的2個div col-md-6和col-md-6不在高度對齊。 in img you can see both are not in align HTML：div不對齊？

請顯示您目前擁有的代碼以及您嘗試過的內容，以便其他人可以幫助您。 –

尋求調試幫助的問題（「爲什麼這個代碼不工作？」）必須包含所需的行爲，特定的問題或錯誤以及在問題本身中重現問題所需的最短代碼。 – LGSon

使用min-height來使用class to div。它會解決你的查詢。如：

<div class="col-md-6 mycol"> 
</div> 
<div class="col-md-6 mycol"> 
</div>

的style.css

.mycol{ 
min-height:100px; 
}

2017-04-07 06:22:47

使用這個CSS的第一個div。

div.col-md-6 { 
    display: inline-block; 
    vertical-align:middle; 
}

2017-04-07 06:23:18

感謝Abhay現在我解決了我的問題 –

@SatyamDhameliya請通過選中答案接受答案。 –

在這裏對準垂直對準簡單的方法是從頂部的第一div.Your第二個div具有按鈕和必須也具有填充添加填充。

2017-04-07 06:24:37

感謝Arun現在我解決了我的問題 –

歡迎您使用upvote或標記我的答案，如果這有幫助。感謝您 –

沒有代碼，很難找到原因，但我想你的兩個div沒有CSS高度屬性，然後適應其內容。

右側的div包含頂部和底部似乎都有填充的物品，導致物品的高度高於左側的物品。

你的兩個div對齊在頂部，因爲它已經被提及，你需要添加相同的填充左邊和右邊的cols（我不喜歡垂直對齊的答案，因爲它在這種情況下工作，但可能會導致問題，因爲高度可能會改變）。

2017-04-07 06:34:49 pwetosaurus

謝謝現在我解決了我的問題 –

如果您沒有將文本換行到下一行的場景，則可以使用line-height，這兩個段落都相同。

2017-04-07 10:19:49

回答