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

回答