导航:首页 > 编程语言 > 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相关的资料

热点内容
u盘外壳3d源文件 浏览：298
中小学如何有效开展编程教育 浏览：6
如何快速拷贝大文件 浏览：406
正柏网络是什么 浏览：834
快手里下载的文件在哪里找 浏览：742
word跨页单元格重复 浏览：616
电视上如何打开压缩文件 浏览：328
电脑管家桌面文件整理 浏览：770
楼宇编程是什么 浏览：802
红警二文件夹 浏览：541
大的mht文件打不开 浏览：467
会计怎么把数据汇总成一本书 浏览：516
哪里有100g的大文件 浏览：837
linux不支持usb文件系统怎么办 浏览：844
如何给公司抬头文件加红线 浏览：818
企业门户网站模板html 浏览：208
为什么找不到备份的文件 浏览：918
touchjs委托 浏览：450
鸿蒙系统桌面增加文件夹 浏览：351
windows2003密码策略 浏览：862

友情链接