JS代码让文字垂直居中的方法
水平居中方法： 将浏览器可视区的宽度(clientWidth) -减去 要居中元素本身的宽度(offsetWidth) /除以 2 +'px'
垂直居中方法： 将浏览器可视区的高度(clientHeight) -减去 要居中元素本身的高度(offsetHeight) /除以 2 +'px'
windowonload = function() {
var oMain = documentquerySelector('#pop-main');
oMainstyleleft = (documentdocumentElementclientWidth - oMainoffsetWidth) / 2 +'px';
oMainstyletop = (documentdocumentElementclientHeight - oMainoffsetHeight) / 2 +'px';
}
js代码
JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。
当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有288kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。
这个呀好办，你在做时就用你要打印的纸张的大小，比如你要用A4的你就在PS中的画布大小设成A4的大小，在在PS中打好字，在按R 时你就会发现PS边上会出现标尺，你可以在那上面调你要的位置，这样做出来的字就会很精确的放在你要的地方了一、原始使用writing-mode属性-不推荐
语法：writing-mode:lr-tb或writing-mode:tb-rl
参数：
1、lr-tb：从左向右，从上往下
2、tb-rl：从上往下，从右向左
运行代码发现，IE显示正常，火狐、谷歌浏览器却不支持，所以不建议使用writing-mode属性。
二、使用CSS模拟文字竖排
对文字对象宽度设置只能排下一个文字的宽度距离，让文字一行排不下两个文字使其文字自动换行，就形成了竖立排版需求。
<!DOCTYPE html><html>
<head>
<meta ;
说明：对文字DIV设置较小的宽度，以达到一排只能排下一个文字，这样文字就自动换行，实现垂直竖列排版。
三、使用br换行让其文字垂直竖排显示
利用html br换行标签实现文字换行，对每个文字后加上换行br标签让其竖列排版。
<!DOCTYPE html><html>
<head>
<meta ;1文字居中定义
文字居中始终是要的，所以首先给予ul外层div一个text-align（文本对齐：居中），还可以给一个“溢位：隐藏（overflow: hidden;）”，当然也可以定义一下高和宽。
2ul定义
ul不能定义宽度，我们只能给一个定位，类型为相对（position: relative），置入左为50%（left: 50%），当然也可以给一个浮动。请注意，ul千万不能用溢位：隐藏（overflow: hidden;），这样，部分li就无法显示。
3li定义
li的定义跟ul差不多，宽度不固定，同样给一个定位，类型为相对（position: relative），置入右为50%（right: 50%），恰恰和ul相反，这样定义后li就可以无论分页多少始终居中了。你的li是横向的还是纵向的？
横向的li设置style="margin:0 auto;line-height:30px" /line-height高度是ul高度，即可垂直居中/
纵向的则需要设置ul的定位了,style="position:aboslute;left:50%;top:50%;margin-left:-150px;margin-top:-200px;" /假如ul所处的div的高宽分别是400px和300px这样设置ul在此div绝对居中/
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）