js输出金字塔如何设置居中

JavaScript023

js输出金字塔如何设置居中,第1张

js输出金字塔设置居中步骤如下：

1、按照金字塔行数减1的数量从高到低按相对应的空格键次数。

2、每一行在按好空格键次数后打上星号即可使js输出的金字塔居中。

1、准备好一个空的html结构的文档。

2、接下来要准备的是准备一个div用来放内容了，这里为了显示特意给div设置了边框。

3、接下来就在div中添加内容，如下图所示，运行后会发现内容偏向于左上角。

4、给div设置水平居中，如下图所示，并且设置行高为div的高度，会发现它水平垂直居中了。

5、让其display属性为table-cell，知道table单元格中可以通过vertical-align垂直居中，转化后也可以用此属性。

6、运用display转化后会发现margin的auto属性不起作用了。

JS代码让文字垂直居中的方法

水平居中方法： 将浏览器可视区的宽度(clientWidth) -减去 要居中元素本身的宽度(offsetWidth) /除以 2 +'px'

垂直居中方法： 将浏览器可视区的高度(clientHeight) -减去 要居中元素本身的高度(offsetHeight) /除以 2 +'px'

window.onload = function() {

var oMain = document.querySelector('#pop-main')

oMain.style.left = (document.documentElement.clientWidth - oMain.offsetWidth) / 2 +'px'

oMain.style.top = (document.documentElement.clientHeight - oMain.offsetHeight) / 2 +'px'

}

js代码

JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。

当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。