由于显示:块而冻结表格宽度
我创建了一个页面,其中包含一个表
和一些数据。虽然我将表格的宽度设置为其父 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
表格有自己的显示类型:“table”(这是唯一可能的),类似地,tr和td分别显示“ >表格行”和“表格单元格”
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"