当前位置:  开发笔记 > 编程语言 > 正文

如何在添加和删除边框时保持两个跨度?

如何解决《如何在添加和删除边框时保持两个跨度?》经验,为你挑选了1个好方法。

单击跨度后,将添加或删除虚线边框.添加或删除边框后,您可以看到它们移动一点.我只想让他们保持沉默.

我的代码:

    var border_style = "2px dotted RED"
    document.querySelectorAll('span').forEach(function (node) {
        node.addEventListener('click', function (e) {
            if (e.target.style.border != "") {
                e.target.style.border = ""
            } else {
                e.target.style.border = border_style
            }
        })
    })

    span a



    span b

那么,如何在添加和删除边框时保持两个跨度?



1> Phylogenesis..:

有(至少)三种方法来解决这个问题.

    将默认样式设置为border: 2px solid transparent.

    添加负左边距和上边距以抵消块的移动.

    用于box-sizing: border-box在元素大小(CSS3)中包含边框.

推荐阅读
乐韵答题
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有