Html 如何在CSS中设置表格的确切宽度

我在表格中有一个文本，我想设置精确的宽度，但是，当我试图设置宽度时，只是随机设置一个宽度。文本“在美式足球中…”的宽度是590px，当我尝试将其宽度设置为300px（与当前配置类似）时，其宽度是510px（无论我设置了什么宽度，它都保持不变）

我怎样才能按照我的意愿将其设置为300px

我的代码：

div.page{
背景：白色；
位置：相对位置；
宽度：1024px；
高度：768px；
保证金：自动；
}
.联络表格{
背景色：#008486；
宽度：1024px；
}
.contact_text{
位置：相对位置；
文本对齐：左对齐；
左：100px；
最大宽度：300px；
宽度：300px；
字体系列：“Helvetica”；
}

在美式足球比赛中，坦帕湾海盗队在超级杯赛中击败了堪萨斯城酋长队
汤姆

您应该设置一个

显示：块或
显示：内联块用于表的
td
标记

看一看:


div.page{
背景：白色；
位置：相对位置；
宽度：1024px；
高度：768px；
保证金：自动；
}
.联络表格{
背景色：#008486；
宽度：1024px；
}
.contact_text{
位置：相对位置；
文本对齐：左对齐；
左：100px；
最大宽度：300px；
宽度：300px；
字体系列：“Helvetica”；
显示：内联块；
}

在美式足球比赛中，坦帕湾海盗队在超级杯赛中击败了堪萨斯城酋长队
汤姆
设置
。联系
至
显示：内联块


div.page{
宽度：1024px；
保证金：自动；
}
.联络表格{
背景色：#008486；
宽度：100%；
}
.contact_text{
显示：内联块；
文本对齐：左对齐；
最大宽度：300px；
宽度：300px；
字体系列：“Helvetica”；
}

在美式足球比赛中，坦帕湾海盗队在超级杯赛中击败了堪萨斯城酋长队
汤姆
试试这个

.contact_table {
        background-color: #008486;
        width: 300px;
    }
    .contact_text {
        position: relative;
        text-align: right;
        left: 100px;
        max-width: 300px;
        width: 300px;
        font-family: "Helvetica";
    }

建议将固定宽度设置为div容器而不是table元素，并尽可能少地更改table元素/子元素的显示属性

我会和你一起去

.table__container {
    width: 300px
}

请在删除宽度为1024px的
后检查此项并使用
表格布局：修复了
Hi，它实现了我的意图。谢谢你！如果可能，您能告诉我显示标记的用途吗？它不是标记。它是标记的属性。显示属性指定元素的显示行为（呈现框的类型）。如果答案被接受，请将其作为答案提交。