gpt4 book ai didi

html - css 显示表格单元格使右侧单元格向下移动

转载 作者:行者123 更新时间:2023-11-28 12:42:25 25 4
gpt4 key购买 nike

<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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com