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

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

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

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

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

普通居中方法:margin:0 auto;就可以实现。应该是样页面的一个DOM居中吧!就用相对定位就可以了。

下面是个小例子:

<body>

<div id="div" style="width:100px height:100px background:#ccc display:none"></div>

    <input type="button" value="click me" id="btn" />

</body>

<script>

var oBtn = document.getElementById('btn')

var oDiv = document.getElementById('div')

oBtn.onclick = function(){

oDiv.style.cssText = 'width:100px height:100px background:#ccc top:50% left:50% position:absolute margin-left:-50px margin-top:-50px display:block'

}

</script>

cssText 需要将原样式清空后再补填样式。

主要是用样式的定位来做。你可以通过页面的宽度和高度去计算。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/10930148.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存