表标题溢出

时间:2017-09-25 22:03:06

标签: html css html-table

我在表格上方有两组标题,第二行是每列,第一行将这些列组合在一起。

enter image description here

如果我增加字体大小,有没有办法可以使顶行溢出到其他列而不会扩大下面的列,因为我希望如果可能的话就这样。但我觉得我已经尝试了css溢出选项的所有可能性。

任何帮助都将不胜感激。

print '<table>';
print '<tr><th></th><th class ="tover">Exception Confirmed</th><th></th><th>
</th><th class ="tover">Last Object Deleted</th><th></tr>';
 print '<tr><th>Date / Time</th><th>User ID</th><th>Location</th><th>Date / 
Time</th><th>User ID</th><th>UL ID</tr>';
while ($row = oci_fetch_array($stid, OCI_RETURN_NULLS + OCI_ASSOC)) {
    print '<tr>';
    foreach($row as $item) {
        print '<td class="tswid">' . ($item !== null ? htmlentities($item, 
ENT_QUOTES) : '') . '</td>';
    }

    print '</tr>';
}

print '</table>';

.tover{
overflow: hidden;
font-size:medium;
}

th,
td {
padding: .5em 1em;
vertical-align: top;
white-space: nowrap;
overflow: hidden;
font-size: 14px;
}

table {
background-color: transparent;
border-spacing: 0;
border-collapse: collapse;
margin-left: auto;
margin-right: auto;
    margin-bottom:20px;
}

.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}

编辑:我设法让它与评论中的建议一起工作,但由于某种原因,它现在与右边对齐并且不会改变。有什么想法吗?

[enter image description here]

0 个答案:

没有答案