CSS表格在Chrome或FireFox中不起作用？

我有以下代码 - 这使得（奇怪的是）正确地在IE中，但不是在铬或Firefox，请参见：CSS表格在Chrome或FireFox中不起作用？

.btn_group_fill { display:table;table-layout:fixed;width:100%; } 
.btn_group_fill .btn { display:table-cell;float:none; }

基本上与 “btn_group btn_group_fill” 的元件应跨越整个宽度 - 它在IE中执行 - 但不是在Chrome或Firefox中 - 显然，我缺少一些CSS元素（或组合）。如果有人有一些有识之士能发现我的错误，我将不胜感激......

感谢

来源

2013-10-27 bdcoder

我认为这是特定于button元素。据推测，浏览器对这些应该如何呈现有不同的看法。如果将它们更改为span或div，则会按预期进行渲染。

<div class="btn_group btn_group_fill"> 
    <div type="button" class="btn btn_primary">Group Button 1</div> 
    <div type="button" class="btn btn_default">Group Button 2</div> 
    <div type="button" class="btn btn_default">Group Button 3</div> 
</div>

Example fiddle

另外，如果你想在“细胞”共享边界的边界崩溃属性可能是有用的在这里。

border-collapse: collapse; /* is 'separate' by default */

来源

2013-10-27 21:42:20 Moob

CSS表格在Chrome或FireFox中不起作用？

回答

相关问题