Html 引导4表列宽在IE11和Microsoft Edge中格式不正确
是否有人在使用IE11或Microsoft Edge时遇到Bootstrap 4表列格式不正确的问题 请检查一下小提琴-- (这在IE11/Edge中不起作用,但在Firefox/Chrome中起作用)Html 引导4表列宽在IE11和Microsoft Edge中格式不正确,html,css,twitter-bootstrap,internet-explorer,html-table,Html,Css,Twitter Bootstrap,Internet Explorer,Html Table,是否有人在使用IE11或Microsoft Edge时遇到Bootstrap 4表列格式不正确的问题 请检查一下小提琴-- (这在IE11/Edge中不起作用,但在Firefox/Chrome中起作用) 第1栏 第2栏 第3栏 (这适用于我测试的所有浏览器) 第1栏 第2栏 第3栏 小提琴中有两个例子。第一个示例将内容包装在一个表中。第二个是用div包装的内容。正如你在Firefox和Chrome中看到的,这两个示例格式都很好,但在IE11和Edge中,只有“div”示例格式正确——表
第1栏
第2栏
第3栏
(这适用于我测试的所有浏览器)
第1栏
第2栏
第3栏
小提琴中有两个例子。第一个示例将内容包装在一个表中。第二个是用div包装的内容。正如你在Firefox和Chrome中看到的,这两个示例格式都很好,但在IE11和Edge中,只有“div”示例格式正确——表格变得非常混乱
有人知道发生了什么吗
提前谢谢 我创建了一个on,并说不要在表上使用
行
和列
类,因为它们是FlexBox,因此会破坏表的显示属性。可以确认这一点,仍然适用于v4.0.0-beta1
。
<table class="table">
<thead>
<tr class="row">
<th class="col-2">column 1</th>
<th class="col-3">column 2</th>
<th class="col-7">column 3</th>
</tr>
</thead>
</table>
<div class="row">
<div class="col-2">column 1</div>
<div class="col-3">column 2</div>
<div class="col-7">column 3</div>
</div>