怎么让文字垂直居中，js代码

2025-05-21 08:55:37

推荐回答（4个）

回答（1）：

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，提供了数据验证的基本功能。

回答（2）：

文字仅一行：line－height
文字不定行：display:table-cell; veritical-align:middle;

回答（3）：

在表格td中，有两个属性控制居中显示
align——表示左右居中——left，center，right
valign——控制上下居中——left，center，right
这两个属性综合使用，就可以让单元格的内容上下左右都居中显示。
但是有的时候吧，会失效，那么在td中设置text-align为center也可。

td
{
text-align:center;
}

答案来源：http://blog.csdn.net/woshixuye/article/details/7276034

回答（4）：

text-algin:center