<style>
#middle .institutions
{
width:100%;
display:table;
}
#middle .institutions .institution
{
width:100%;
display:table-row;
}
#middle .institutions .institution .institution-image
{
display:table-cell;
width:50%;
}
#middle .institutions .institution .degree
{
display:table-cell;
width:50%;
}
</style>
<body>
<div id="middle">
<div class="institutions">
<div class="institution">
<div class="institution-image">
<img src="jntuk.png" ></img>
</div>
<div class="degree">
<p class="name">Rochester Institute of Technology</p>
<p>Master's - Information Technology</p>
<p>GPA:3.50</>
<a href="http://www.rit.edu" target="_new">www.rit.edu</a>
</div>
</div>
</div>
</body>
出于某种原因我不想使用 float 。能帮帮我吗 截图链接- https://drive.google.com/file/d/0B4FKXRWc2y_CTFRZQUhWZk9oUVU/view?usp=sharing
最佳答案
您可以通过添加以下内容来解决此问题:vertical-align: top;
#middle .institutions .institution .degree {
display:table-cell;
vertical-align: top;
width:50%;
}
这是一个 fiddle 的链接: http://jsfiddle.net/ayxg0x8j/
关于html - css 显示表格单元格使右侧单元格向下移动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26188458/