Sha*_*ard 11
这个例子在IE8,Chrome 9和Firefox 3.6上运行良好,所以我真的看不出有什么问题.
示例中使用的HTML:
<table>
<tr>
<td>AAA</td>
<td class="middle">BBB</td>
<td>CCC</td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)
CSS:
.middle { border: 2px solid blue; }
tr { border: 2px solid red; }
Run Code Online (Sandbox Code Playgroud)
结果:

它确实有效,并且符合规范。
问题是边界崩溃了,这是你没想到的。
并且根据规范,边界td往往超过边界tr:http :
//www.w3.org/TR/CSS2/tables.html#border-conflict-resolution
即使 css 规范 ( http://www.w3.org/TR/CSS2/box.html#border-properties ) 明确表示 border 和 border-color 可以应用于“所有元素” ,但我也做不到。虽然可能是因为 <table> 可能不属于盒模型;我不确定这一点。
无论如何,这是一个违反直觉、看起来很疯狂、导致页面膨胀的皮塔饼。
必须有比边界每个表格单元格更好的解决方案,这就是我最终要做的。
——皮特
| 归档时间: |
|
| 查看次数: |
27287 次 |
| 最近记录: |