如何让JS代码效果居中
发布网友
发布时间：2022-04-23 06:11
共4个回答
热心网友
时间：2022-04-22 03:32
普通居中方法：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 需要将原样式清空后再补填样式。
主要是用样式的定位来做。你可以通过页面的宽度和高度去计算。
热心网友
时间：2022-04-22 04:50
在JS脚本中为目标元素添加居中效果的CSS样式就好了。
热心网友
时间：2022-04-22 06:24
把你想要居中的控件放到一个div里，然后定义这个div的css样式居中
div{
width: 1000px;
margin: 0 auto;
}
一般情况基本就ok了，还不行的话，有可能跟父元素的定位什么的相关，具体的再firebug微调吧
热心网友
时间：2022-04-22 08:16
举个例子：
<div id="div1">
<div>div中的代码</div>
</div>
只需要在<div id="div1">这个地方加一句话就可以居中了:
<div id="div1" align="center">
<div>div中的代码</div>
</div>
