由于显示:块而冻结表格宽度

发布于 2024-12-08 06:14:20 字数 501 浏览 0 评论 0原文

我创建了一个页面,其中包含一个和一些数据。虽然我将表格的宽度设置为其父 div 的 80%,但内部 tbody 和其他子元素的宽度被冻结为 450px。

我还注意到,一旦删除属性 display: block,表格的子项就会正确显示(表格的 100% 宽度),

宽度被冻结在 450px 是否有特殊原因?我检查了我的CSS中的所有地方,但我没有设置这样的规则。

这是我的表的代码:

<div id="maincol">
<table width="80%" border="0" cellpadding="1" cellspacing="0" id="dates" class="summary" name="dates" style="display:block">
    <tbody>
        <tr>
                 ...

I created a page containing a table and some data in it. Although I set table's width to 80% of it's parent div, the inner tbody and other children's width is frozen to 450px.

I also noticed that once I removed the property display: block, the table's children were correctly displayed (100% width of the table)

I there a particular reason for width to be frozen at 450px ? I checked everywhere in my CSS, and I did not set such a rule.

Here is the code of my table :

<div id="maincol">
<table width="80%" border="0" cellpadding="1" cellspacing="0" id="dates" class="summary" name="dates" style="display:block">
    <tbody>
        <tr>
                 ...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

橘和柠 2024-12-15 06:14:21

表格有自己的显示类型:“table”(这是唯一可能的),类似地,trtd分别显示“ >表格行”和“表格单元格

tables have their own display type: "table" (and it's the only one possible), similarly tr and td have respectively display "table-row" and "table-cell"

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文