@ 最新
如何使DIV在屏幕上水平垂直居中显示?兼容性要好

CSS代码

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 400px;
}

只用CSS来实现DIV在屏幕上水平垂直居中显示的方案大概有几种吧,但本文中的方案可能是兼容性最好的方案了。关于这一点StackOverflow上也有提及。

直接插入排序(Straight Insertion Sort)的动画演示

直接插入排序

for(var i = 1; i < this.length; ++i){
    var tmp = this[i], j = i - 1;
    for(; j >= 0 && this[j] > tmp; --j){
        this[j+1] = this[j];
    }
    this[j+1] = tmp;
}
冒泡排序(bubble sort)的动画演示

冒泡排序

for (i = 0; i < this.length - 1; i++) {
    for (j = 0; j < this.length - 1 - i; j++) {
        if (this[j] > this[j + 1]) {
            temp = this[j];
            this[j] = this[j + 1];
            this[j + 1] = temp;
        }
    }
}
利用JavaScript实现拷贝内容到剪贴板(copy,clipboard)

copy函数

function copyTextToClipboard(text) {
    var textArea = document.createElement("textarea");
    textArea.value = text;
    document.body.appendChild(textArea);
    textArea.select();
    try {
        var successful = document.execCommand('copy');
    } catch (err) {
        console.log('糟糕,不支持copy!');
    }
    document.body.removeChild(textArea);
}

利用JavaScript的document.execCommand('copy')实现复制内容到剪贴板。

$ 热门标签
$ 声明
本站所有代码及文字都是作者精心汇编整理而成,转载代码及文字请明确注明出处和作者名称。