如何把由js生成div中的内容水平居中中

来源：蜘蛛抓取(WebSpider) 时间：2016-11-04 23:56 标签： select内容水平居中
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
cherish the what I have~
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(1673)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'（转）js控制使div自动适应居中',
blogAbstract:'一直都在想怎么样使弹出的DIV能在任何时候都是居中显示的，刚开始的时候是用CSS样式直接定义好层的位置，但是当页面很长的时候，或是浏览器窗口大小不是固定的时候就不能正确的显示，所以只好用JS来控制DIV的显示位置。',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:0,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'cherish the what I have~',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}JS实现div居中示例
字体：[ ] 类型：转载 时间：
div居中的方法有很多，网上可以找得到，但是本文要介绍的是使用JS实现的，比较另类，大家不妨参考下
代码如下: &!DOCTYPE html& &html& &head& &meta charset="utf-8" /& &title&JS实现div居中&/title& &style& /*外层div居中*/ #main { position: /*极为重要*/ background-color: width:400 height:200 /*left:50%; top:50%; margin-left:-200 margin-top:-100*/ border:1px solid #00F; } #content { position: /*极为重要*/ background-color: width: 200 height: 100 /*left:50%; top:50%; margin-left:-100 margin-top:-50*/ /*div内部文字居中*/ text-align: line-height:100 /*行间距和div宽度相同*/ } &/style& &body& &div id="main"& &div id="content"& Sun &/div& &/div& &script type="text/javascript"& window.onload = function() { // 获取浏览器窗口 var windowScreen = document.documentE // 获取main的div元素 var main_div = document.getElementById("main"); // 通过窗口宽高和div宽高计算位置 var main_left = (windowScreen.clientWidth - main_div.clientWidth)/2 + "px"; var main_top = (windowScreen.clientHeight - main_div.clientHeight)/2 + "px"; // 位置赋值 main_div.style.left = main_ main_div.style.top = main_ // 获取mcontent的div元素 var content_div = document.getElementById("content"); var content_left = (main_div.clientWidth - content_div.clientWidth)/2 + "px"; var content_top = (main_div.clientHeight - content_div.clientHeight)/2 + "px"; content_div.style.left = content_ content_div.style.top = content_ } &/script& &/body& &/html&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具您的举报已经提交成功，我们将尽快处理，谢谢！
你好！由于字数太多所以发个链接给你吧：http://blog.csdn.net/sonaxh/article/details/6394203
如果是做脚本类型的,E是能行的,另外看你是要做什么脚本,实现什么功能!如果说不是很复杂逻辑的,是很快的,建议你下载一个E的多媒体教程,认真学2天,边看边实习,2...
检查下浏览器是否支持跳转js代码，你也可以直接在模板页面添加相关代码，或者安装广告插件也是可以的。
希望能给你帮助。
你用Macromedia Dreamweaver MX 2004把你主页打开 在哪里就能加上了。之后上传就行了
首先, 希望以后问问题说得详细一点, 很多时候都是大家不知道你到底是问得什么, 不是没人理你
这个我猜一下吧
用javascript加一个input, ...
大家还关注

我要回帖

更多关于 select内容水平居中 的文章

 

随机推荐