table怎么tr显示在了两行。。。。。。。
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了table怎么tr显示在了两行。。。。。。。相关的知识，希望对你有一定的参考价值。
我好久没弄表格了。 你用的浏览器稳定吗 ie？还是什么的 建议你测试的时候用ie这里面可能存在兼容问题。 要不就把table的长宽设置大一点试试 <table width = "300px" height = "500px">有没有引号我忘了 是不是width 跟height 我也忘了 不好意思 不好使的话 可以去百度查代码 参考技术A 这个还真没见过，你是在浏览器里面看的效果？？？追问是啊，有时又显示到一行里，
表格中最后两行之间的空格
我需要在下表中的最后一个tr之间提供一个空格，以便感觉像另一个块。行在循环中生成。有什么想法吗？
<table>
<tr>
<td>0</td>
<td>text1</td>
</tr>
<tr>
<td>1</td>
<td>text2</td>
</tr>
<tr class="last" style="border-top: 5px solid blue;">
<td>3</td>
<td>text3</td>
</tr>
</table>
答案
我认为唯一的方法是在下面的<tr>之前提供一个空的<tr> ...
<table>
<tr>
<td>0</td>
<td>text1</td>
</tr>
<tr>
<td>1</td>
<td>text2</td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
<tr class="last" style="border-top: 5px solid blue;">
<td>3</td>
<td>text3</td>
</tr>
</table>另一答案
你可以使用CSS
Table:last-child {
padding-top: 8px; /* fill in your value */
}
另一答案
是的你可以添加填充/边距只需尝试两个并检查
<table>
<tr>
<td>0</td>
<td>text1</td>
</tr>
<tr>
<td>1</td>
<td>text2</td>
</tr>
<tr class="last" style="border-top: 5px solid blue;">
<td>3</td>
<td>text3</td>
</tr>
</table>
并在css文件中
.last {
padding-top: 5px;
}
或者你可以给予保证金
.last {
margin-top: 5px;
}
您可以选择上述任何一种方法，既可以添加填充，也可以添加边距:)试试这个
另一答案
您可以使用css伪元素。
<style>
.table-class tr:last-child {
padding:10px; // your value.
}
</style>
以上是关于table怎么tr显示在了两行。。。。。。。的主要内容，如果未能解决你的问题，请参考以下文章
delphi用MainMenu1做了个菜单栏，本来是一行的，但是一缩小当前窗口就成了两行了，。。。。。。