gpt4 book ai didi

html - 表格没有占据页面的整个高度

转载 作者:太空宇宙 更新时间:2023-11-03 20:46:31 24 4
gpt4 key购买 nike

所以,我试图让一个表格占据整个浏览器窗口的宽度和高度。

我还希望表格单元格的大小相等。

它不起作用。目前,它适合窗口的宽度,但不适合高度。我试过将表格高度设置为 100%,但它不起作用(至少在 Firefox 中)。这是 html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<link rel="stylesheet" type="text/css" href="example.css"/>

<table>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>
<tr>
<td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td>
</tr>

</table>

</html>

这是CSS:

table{
width:100%;
height:100%;
border:1;
}

tr{
height:100%;
background-color:blue;
}

最佳答案

你需要让你的 bodyhtml 也成为窗口的 100%:在 CSS 上添加这个

html, body {
height:100%;
}

演示 http://jsfiddle.net/ASVpD/3/

要使所有行都相等,请删除 height:100% 表单 tr

tr{
/*height:100%;*/ Remove this
background-color:blue;
}

关于html - 表格没有占据页面的整个高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20477810/

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