gpt4 book ai didi

HTML 表头不显示,如何修复?

转载 作者:太空宇宙 更新时间:2023-11-04 03:12:22 26 4
gpt4 key购买 nike

抱歉,如果这是一个显而易见的答案,我是一个糟糕的网页设计师。

我正在为我的程序制作一个帮助页面,我正在使用一个表格来显示热键。我使用 CSS 将其居中并移除边框。

表格的标题是 Action 和触发器,但是当我用浏览器打开 HTML 时,它们没有显示,只有表格数据。简而言之,为什么会发生这种情况以及如何解决?

fiddle :http://jsfiddle.net/CaffeineToCode/rq9hc7hL/1/

<!DOCTYPE html>
<html>

<head>
<title>Help</title>
</head>

<style>

body {
background: -webkit-linear-gradient(left, #F99200, #FDE000);
background: -o-linear-gradient(left, #F99200, #FDE000);
background: -moz-linear-gradient(left, #F99200, #FDE000);
background: linear-gradient(to right, #F99200, #FDE000);
}

.center {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
}

table, td, th {
border: none;
}

td {
padding: 10%;
}

</style>

<body>

<div class="center">
<table>

<tr>
<th>Action</th> <!-- No header??? -->
<th>Trigger</th>
</tr>

<tr>
<td>Fullscreen</td>
<td>"f11" key</td>
</tr>

<tr>
<td>Turn page forward</td>
<td>"&rarr;" key or right page curl</td>
</tr>

<tr>
<td>Turn page backward</td>
<td>"&larr;" key or left page curl</td>
</tr>

<tr>
<td>Set bookmark</td>
<td>Bookmark icon, <i>CTRL + B</i>, or Menu > Set bookmark</td>
</tr>

<tr>
<td>Go to bookmark</td>
<td>Menu > Go to bookmark</td>
</tr>

<tr>
<td>Go to page</td>
<td>Menu > Go to page</td>
</tr>

<tr>
<td>Go to page</td>
<td>Menu > Go to page</td>
</tr>

<tr>
<td>Go to book</td>
<td>Menu > Go to book</td>
</tr>

<tr>
<td>Go to verse</td>
<td>Menu > Go to book, then type "&lt;book&gt; &lt;verse&gt;"</td>
</tr>

</table>
</div>

</body>
</html>

最佳答案

添加:height:100%;.center div.

http://jsfiddle.net/rq9hc7hL/5/

此外,如上面的回答所述 - 不需要绝对定位....

关于HTML 表头不显示,如何修复?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29320624/

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