使用border-collapse更改表格的宽度:

阿特姆·菲蒂金(Artem Fitiskin)

在这种情况下,我完全感到困惑。当我将表格边框宽度(动态地,使用JavaScript或在Chrome开发工具中)border-collapse: collapse;从1px(#1)更改为值(#2)再回到1px(#3)时,出现视觉缺陷。#1#3相同,但是外观不同。为什么会这样呢?

HTML:

<table style="border-collapse: collapse; width: 1px #ddd solid;">
    <tbody>
        <tr>
            <td>
                <a href="javascript:void(0);">Crazy Button</a>
            </td>
        </tr>
    </tbody>
</table>

在这里工作演示

阿特姆·菲蒂金(Artem Fitiskin)

破解解决方案是强制重画项目:

item.style.display = 'none';
item.offsetHeight; 
item.style.display = 'table';

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

CSS3的border-radius属性和border-collapse:collapse不能混合使用。如何使用边框半径创建带有圆角的折叠表格?

即使使用border-collapse:separate,border-radius也不会应用于<tr>行标记

使用asp.net根据报表查看器中的浏览器宽度更改SSRS中的表格宽度

由于border-collapse属性,表格的边框半径不起作用

Javascript“表格宽度”正在更改“正文宽度”

无法更改表格<TD>的宽度

使用动画更改svg的宽度

使用css更改画布的宽度

使用 VBA 更改多张表格的表格样式

即使使用box-sizing,也要添加包含div的填充更改大小:border-box;

为什么在WPF中坚持使用TextBox Border Color而不进行更改?

回答问题后,如何使用[style.border]更改边框样式?

使用表格宽度使表格内容适合宽度:在CSS中设置100%

如何删除p:dataTable的border-collapse?

覆盖HTML表格的border属性

无法更改表格数据元素的宽度

在Handsontable中加载后更改表格的宽度

如何更改表格Material UI / React的宽度?

border-collapse:collapse和transform:translate的组合

使用 javascript 更改点击的 li 宽度

使用CSS更改HTML <form>的宽度

使用javascript更改iframe的宽度和高度

使用CSS和JavaScript更改iframe宽度

使用React更改点击宽度

使用JavaScript更改进度栏的宽度

如何使用JS定期更改div的宽度?

无法获得使用jQuery更改的图像宽度

如何使用 Eval 更改 TemplateField 中的宽度

如何使用CSS更改SVG的高度宽度?