你好,我使用Bootstrap和我的2个div col-md-6和col-md-6不在高度对齐。 HTML:div不对齐?
回答
使用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;
}
使用这个CSS的第一个div。
div.col-md-6 {
display: inline-block;
vertical-align:middle;
}
感谢Abhay现在我解决了我的问题 –
@SatyamDhameliya请通过选中答案接受答案。 –
在这里对准垂直对准简单的方法是从顶部的第一div.Your第二个div具有按钮和必须也具有填充添加填充。
感谢Arun现在我解决了我的问题 –
欢迎您使用upvote或标记我的答案,如果这有帮助。感谢您 –
没有代码,很难找到原因,但我想你的两个div没有CSS高度属性,然后适应其内容。
右侧的div包含顶部和底部似乎都有填充的物品,导致物品的高度高于左侧的物品。
你的两个div对齐在顶部,因为它已经被提及,你需要添加相同的填充左边和右边的cols(我不喜欢垂直对齐的答案,因为它在这种情况下工作,但可能会导致问题,因为高度可能会改变)。
谢谢现在我解决了我的问题 –
如果您没有将文本换行到下一行的场景,则可以使用line-height
,这两个段落都相同。
- 1. CSS和HTML:Div在Chrome浏览器中对齐但不在Firefox中
- 2. HTML:Div
- 3. HTML:DIV搞砸
- 4. HTML:div大小?
- 5. HTML:div下div
- 6. HTML:div不受影像大小的影响
- 7. 文本对齐不对齐
- 8. 不对齐
- 9. Div不对齐
- 10. 对齐2尺寸不对齐
- 11. 对齐不包括对齐分配
- 12. HTML左对齐,右对齐不工作
- 13. 表对齐中心不对齐中心
- 14. 对齐后对齐
- 15. 对齐不工作
- 16. 不对齐正确
- 17. 不正确对齐
- 18. 对齐不正确
- 19. 股利不对齐
- 20. Div不能对齐
- 21. 布局不对齐
- 22. HTML:div无法点击(超链接)
- 23. TD工作中心和左对齐但不对对齐
- 24. 对齐<View/>对齐
- 25. Bootstrap 2列垂直对齐+ 1图像对齐左对齐+ 1图像对齐
- 26. WPF GridViewColumn对齐不工作
- 27. JPanel的不对齐正确
- 28. 我的div不对齐
- 29. DIV不对齐正确
- 30. UIlabel数据不对齐?
请显示您目前拥有的代码以及您尝试过的内容,以便其他人可以帮助您。 –
寻求调试帮助的问题(“为什么这个代码不工作?”)必须包含所需的行为,特定的问题或错误以及在问题本身中重现问题所需的最短代码。 – LGSon