导航:首页 > 编程语言 > js设置divmargin

js设置divmargin

 发布时间：2024-05-07 09:49:45

Ⅰ js 怎么根据获取到的可用屏幕高度设置div的marginTop

$(function(){
h=$(window).height();//获取浏览器窗口高度并赋值给h；这是jquery语句，需要先链接jquery插件
})

Ⅱ JS 设置 DIV 的位置

JS语言是不能够直接修改DIV的位置的，因为位置属于该控件的样式，若想用JS这种专脚本语言调整DIV的位属置，需要调用DIV的style属性进行设置，也就是需要调整DIV的CSS样式表。修改分步骤：
1、获取到需要修改样式的元素；
2、设置调整。
修改的示例代码如下：
var div1 = document.getElementById('Search')；
div1.style.marginTop = '225px';

通常position的属性没有设置或设了默认值absolute，所以使用的都是静态属性，这样就可以直接通过给位置属性数值来更改元素位置。在js调用时，含‘-’的样式属性调用时需要先去掉‘-’并将下一个字母大写，下面列一下css样式表中常用到的位置属性：
top right left bottom margin padding
margin-top margin-right margin-left margin-bottom
padding-top padding-right padding-left padding-bottom

Ⅲ javascript，如何设置居中

对于文字：text-align:center即可让文字水平居中，line-height的值与height相同则垂直居中

对于块元素：margin:0 auto即可让版块元素在权父元素内水平居中。
对于行内元素：可display:block后margin:0 auto；

Ⅳ js怎么设置div层左边距 及与顶部边距

js设置style属性时。将“-”去掉，“-”后的字母大写。
如：左边距 margin-left .用js 写就是 style.marginLeft='34px';

Ⅳ 如何让DIV里面的DIV水平垂直居中

div实现水平居中只需要设置固定宽度和margin:0 auto即可，
给你2个解决方案:
1、条件是div的高度和宽度是固定的
<style type="text/css">
<!--
div1 {
position:relative;
width:600px;
height:500px;
border:1px solid #008800;
}
div2 {
position:absolute;
top:50%;
left:50%;
margin:-150px 0 0 -200px;
width:400px;
height:300px;
border:1px solid #008800;
}-->
</style>
<div class="div1">
<div class="div2">让层垂直居中</div>
</div>
其实解决的思路是这样的：首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。

如：一个层宽度是400，高度是300。使用绝对定位距离上部与左部都设置成50%。而margin-top的值为－150。margin-left的值为－200。这样我们就实现了层垂直居中于父级层的样式编写。

2、条件是div的高度和宽度是不固定的

如果div宽度不固定，那用div就有点困难了，虽然用js获取当前高宽再附加css可以解决，但是要用到js来解决问题就有点逊了；
我给你一个思路，你不妨试试table布局，table不设置宽度的情况下默认是宽度和高度都是最小化的，这样给table设置margin:0 auto就可以让这个table水平方向居中；

解决了水平居中，那就来解决垂直居中，td中的内容默认是垂直居中的，那么只要两者互相嵌套一下不就解决水平垂直居中了!
但是有一个问题，你所需要垂直居中的父级table的高度是否固定，如果父级高度固定，那么子级高度不固定也一样可以垂直居中

Ⅵ js使用div内容居中

1、准备好一个空的html结构的文档。

Ⅶ 如何实现js控制div的隐藏及显现

需要准备的材料分别是：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建一个html文件，例如：index.html。

Ⅷ 使用js或jq，设置div的显示和隐藏

很简单~做一下判断就行了~代码如下：

<scripttype="text/javascript"src="jquery-1.8.3.min.js"></script>
<scripttype="text/javascript">
$(function(){
	varpm_width=$(document.body).width();
	varwidth=$("#zheli").width();
	if(pm_width>width){
		$("#xianshi").css("display","block");
	}
});
</script>
</head>

<body>
<divid='zheli'style="width:1024px;">
当屏幕的宽小于1024时隐藏“xianshi”
</div>
<divid='xianshi'style='display:none'>显示我</div>
</body>

试试吧~不懂再问我！

阅读全文

与js设置divmargin相关的资料

热点内容
ubuntu翻译工具 浏览：665
wifi安装教程 浏览：398
苹果有些qq文件打不开 浏览：139
微信分身图片缓存在哪个文件 浏览：544
众筹用什么网站 浏览：1
天马座的幻想版本 浏览：536
微云保存文件图片没有了 浏览：236
如何把excel表格图片导出到文件夹 浏览：387
qq三国快速升级攻略 浏览：660
js监听手机home事件 浏览：439
第2章linux的桌面管理副本 浏览：452
qq邮箱手机上登录微信账号密码错误 浏览：627
编程如何让人物重复发射子弹 浏览：853
db2查看表空间文件 浏览：607
ps文件界面设置 浏览：779
c语言12位的数据应该怎么存储 浏览：953
将ape导入iphone 浏览：107
js组合快捷键 浏览：174
linux系统盘默认挂在的文件夹 浏览：667
淘宝数据包如何操作上架 浏览：567

友情链接