大佬教程收集整理的这篇文章主要介绍了html – 将div对齐到顶部,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一堆表< td>.每个td都有一个div .tdcont,它就像是该td中所有内容的包装器.在.tdcont中,我有两组div .alwaystop和.below-at.
<td class="table-td"> <div class="tdcont"> <div class="alwaystop"> <div class="at1">at1</div> <div class="at2">at2</div> <div class="at3">at3</div> </div> <div class="below-at"> <div class="bat1">bat1</div> <div class="bat2">bat2</div> <div class="bat3">bat3</div> </div> </div> </td>
我遇到的问题是alwaystop应该与单元格的顶部边界对齐,而under-at应该在它下面就像这样
_____________________________________________________ at1 at2 at3 | at1 at2 at3 | at1 at2 at3 | bat1 bat2 bat3 | bat1 bat2 bat3 | bat1 bat2 bat3 | small image here | big image here | | | is taking lots | | | of space | | __________________|_________________|________________|
我发现的是alwaystop和under-at-center本身垂直,就像你在这个小提琴@L_696_0@中所看到的那样,如果这行中的一个相邻单元格很长,那么alwaystop将自己置于这一行的高度,就像这样
_____________________________________________________ | at1 at2 at3 | | | bat1 bat2 bat3 | | at1 at2 at3 | big image here | at1 at2 at3 | bat1 bat2 bat3 | is taking lots | bat1 bat2 bat3 | small image here | of space | | __________________|_________________|________________|
我想要做的是让alwaystop始终从单元格的顶部开始,而不管相邻单元格的高度,然后下面的at来自它.我怎样才能做到这一点?
我应该补充说,我的alwaystop的内容是浮动的,所以是下面的内容,所以它们应该像td中的2行.
.at1,.at2,.at3{ float:left; } .bat1,.bat2,.bat3{ float:left; }
alwaystop和under-at的css是空的.我尝试了很多像垂直对齐和绝对定位的东西,但没有任何效果,我只是放弃并删除它们.
.alwaystop{ } .below-at{ }
http://jsfiddle.net/AnrietteC/WgzgF/
如果我理解正确,它似乎正在做你想要的.
以上是大佬教程为你收集整理的html – 将div对齐到顶部全部内容,希望文章能够帮你解决html – 将div对齐到顶部所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。