Question

我已经制作了一张桌子作为一个框架来放置我的网站，但是当我将它的宽度设置为100％并在其上放置背景时，我在右侧有一个边缘赢得了＃39; t fill。

查看我的网站链接到我的个人资料，然后点击altwebsite 2链接即可获得。

以下是代码：

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

table {
  text-align: center;
  border-width: 0;
  border-style: none;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  width: 100%;
}

和css：

string userValue = Console.ReadLine();
string message = "";

Console.WriteLine("Card 1, 2, or, 3?");
Console.ReadLine();


while (userValue != "1" || userValue != "2" || userValue != "3")
{
    message = "try again. Card 1, 2, or, 3?";
    Console.WriteLine(message);
    Console.ReadLine();
}

if (userValue == "1")
{
    message = "You win a Coke";
}
else if (userValue == "2")
{
    message = "You win a Diet Coke";
}
else if (userValue == "3")
{
    message = "You win a Apple Juice";
}
Console.WriteLine(message);
Console.ReadLine();

我正试图将其全部保存在单独的样式表中。

任何帮助都会非常棒，谢谢

Answer 1

您的id="header"和id="menu" [colspan]设置为 3 ，但您的id="secondrow"有四 {{ 1}}

也许你想要这个：

<td>

Answer 2

尝试将属性width="100%"放在表格标记中。即使将css设置为100％宽度，这有时也会有所帮助。

ALSO：我重新创建了你使用的相同的基本代码，它在我的机器上工作正常，所以我的猜测是你有一些周围的div或标签，表占据了100％。

Answer 3

尝试

table-layout:fixed;

为你的桌子。我认为这应该有用。

Answer 4

首先，我要说谢谢你们所有的回复，真的很感激。是的，我有4列colspan 3认为我把它设置为另一行。对于那些桌面仇恨者来说，它帮助我可视化布局。

再次感谢您的帮助

Answer 5

为您的课程添加此内容。对我有用

tbody, tr {
    display: block;
    width: 100%;
}

100％未填充页面的表格宽度

5 个答案: