Question

我有html代码打印html表中的所有帖子。

但是，如果没有帖子，那么我需要打印错误No posts found。

现在关注错误消息

我正在尝试在表格的中心打印错误消息。

<style>
table{border-collapse:collapse}
td{background-color:white;padding:10px}
.first_tr td{background-color:#f1f7f7 !important;border-bottom:1px red solid}
</style>
<table border="0" width="400px">
<tr class="first_tr"><td width="20%">POST ID</td><td width="79%">POST TITLE</td></tr>
<tr><td>No posts found</td></tr>
</table>

以下是一个示例：http://jsfiddle.net/9UhTd/

错误信息显示在表格的开头，但我试图将其置于中心位置！

Answer 1

首先，您在第二行的唯一单元格

上缺少一个colspan属性

<table border="0" width="400px">
<tr class="first_tr"><td width="20%">POST ID</td><td width="79%">POST TITLE</td></tr>
<tr><td colspan="2">No user found</td></tr>
</table>

没有它，该单元格将占用其上方单元格的空间。经过解决后，您可以随心所欲地将其集中在一起

<table border="0" width="400px">
<tr class="first_tr"><td width="20%">POST ID</td><td width="79%">POST TITLE</td></tr>
<tr><td colspan="2" style="text-align:center">No user found</td></tr>
</table>

或

<style type="text/css">.center { text-align: center; }</style>
<table border="0" width="400px">
<tr class="first_tr"><td width="20%">POST ID</td><td width="79%">POST TITLE</td></tr>
<tr><td colspan="2" class="center">No user found</td></tr>
</table>

Your jsfiddle with this implemented

Answer 2

你错过了colspan

下面的代码应该

<style>
table{border-collapse:collapse}
td{background-color:white;padding:10px}
.first_tr td{background-color:#f1f7f7 !important;border-bottom:1px red solid}
</style>
<table border="0" width="400px">
<tr class="first_tr"><td width="20%">POST ID</td><td width="79%">POST TITLE</td></tr>
    <tr><td colspan="2">No user found</td></tr>
</table>

Answer 3

很少有评论： 1）如果你这样做你的元素跨越2列，因为你的表有2列使用：列跨度= “2”

2）您可以在元素中添加类，例如class =“error”，并将此样式添加到您的css中：

.error{
    text-align:center;
}

如何将错误消息集中在html表中？

3 个答案: