gpt4 book ai didi

css - td 宽度不工作 - 不知道为什么

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

我不知道为什么这会给我这样的问题;我制作了功能表一百万次。尝试制作全 Angular 表格。

第一个单元格应占据其他两个单元格无法占据的空间。第二个和第三个单元格应各为 200 像素。

目标是不让第一个单元格具有宽度,这样它会随着窗口大小的改变而改变大小——但即使我为所有三个单元格添加一个宽度属性(如下面的 CSS 所示),它没有正确间隔。尽管我已将表格的宽度标记为 100%,但它还是挤到了表格的最右 Angular 。

请帮忙!

table.topper-table {
width: 100%;
}

td.topper-table-nav {
width: 65%;
text-align: left;
}

td.topper-table-search {
width: 10%;
text-align: right;
padding-right: 25px;
}

td.topper-table-social {
width: 25%;
text-align: right;
border-left: 1px solid #9db3c4;
padding-left: 25px;
}
<table class="topper-table">
<tr>
<td class="topper-table-nav">
TEST
</td>
<td class="topper-table-search">
TEST 2
</td>
<td class="topper-table-social">
TEST 3
</td>
</tr>
</table>

最佳答案

我认为这就是您所针对的代码,它完全符合您在 Chrome 和 Firefox 中尝试实现的目标。我想您已经尝试过类似的方法(不是上面显示的百分比)。你能测试我的代码并运行它以查看它在你的计算机上的呈现方式吗?

<!DOCTYPE html>
<html>

<head>
<style>
table.topper-table {
width: 100%;
}
td.topper-table-nav {
text-align: left;
background-color: orange;
}
td.topper-table-search {
width: 200px;
text-align: right;
padding-right: 25px;
background-color: red;
}
td.topper-table-social {
width: 200px;
text-align: right;
border-left: 1px solid #9db3c4;
padding-left: 25px;
background-color: lime;
}
</style>
</head>

<body>

<table class="topper-table">
<tr>
<td class="topper-table-nav">TEST 1</td>
<td class="topper-table-search">TEST 2</td>
<td class="topper-table-social">TEST 3</td>
</tr>
</table>

</body>

</html>

关于css - td 宽度不工作 - 不知道为什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39858319/

25 4 0
文章推荐: c++ - segmentation violation Segmentation fault c++ 分子数组中的值
文章推荐: html - CSS代码结构决定
文章推荐: css - 在浏览器中自动缩放 Bootstrap 元素
文章推荐: html - 使用CSS在页脚中制作容器
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com