gpt4 book ai didi

html - 表格单元格宽度 % 值自行更改其他单元格宽度值?

转载 作者:行者123 更新时间:2023-11-28 05:01:13 27 4
gpt4 key购买 nike

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<link href="animatedwebsite.css" rel="stylesheet" type="text/css" />

<style>
table, tr, td, th {
border:1px solid black;

}

table {
width:100%;
height:100%;


}
#logo {
height:50px;
width:50px;
top:20px;
left:10px;
border:1px solid black;

}
html {
height:100%;
width:100%;
}
body {
height:100%;
background-color:deepskyblue;
width:100%;

}
</style>
</head>
<body>
<!-- <img id="logo" src="http://mememarketmedia.s3.amazonaws.com/dank/tumblr_oamv1kgXlN1uy57v5o1_1280.jpg"/> -->
<table>
<tr height="12%" id="1">
<th width="15%" id="logoarea"></th>
<th width="85%" colspan="2" id="slogan"></th>
</tr>
<tr height="8%" id="2">
<td width="100%" colspan="3" id="navbararea"></td>
</tr>
<tr height="40%" id="3">
<td width="100%" colspan="3" id="imgarea"></td>
</tr>
<tr id="4">
<td width="33%" id="whyus"></td>
<td width="34%" id="startnow"></td>
<td width="33%" id="chatonline"></td>
</tr>
<tr id="5" height="5%">
<td colspan="3" id="menu123"></td>
</tr>
<tr id="6" height="5%">
<td colspan="3" id="footerarea"></td>
</tr>
</table>


</body>
</html>

所以我的问题解释得更好是第一行单元格和第四行单元格的宽度值在更改时相互更改,只要我定义了第一行中的单元格宽度,第四行单元格宽度就开始了复制第一行。我不确定为什么会发生这种情况,因为它以前从未发生过,我知道这对我来说可能是愚蠢的,但我在任何地方都找不到答案所以请帮忙!

最佳答案

这里有一个矛盾:

这是第一行:

<tr height="12%" id="1">
<th width="15%" id="logoarea"></th>
<th width="85%" colspan="2" id="slogan"></th>
</tr>

注意:第一个单元格/thwidth="15%"

这是第四行:

<tr id="4">
<td width="33%" id="whyus"></td>
<td width="34%" id="startnow"></td>
<td width="33%" id="chatonline"></td>
</tr>

这里第一个单元格/tdwidth="33%"

无论浏览器如何处理 - 改变其中一个以某种方式影响另一个也就不足为奇了 - 同一列中的单元格将始终具有相同的宽度(除非有 colspan设置)

关于html - 表格单元格宽度 % 值自行更改其他单元格宽度值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40096443/

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