您现在的位置是: 首页 » 网页代码 » JavaScript中怎么使div居中
网页代码

JavaScript中怎么使div居中

网站优化小编2020年1月7日 89人已围观

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

网站运营中栏目排名优化技巧

JavaScript设置div居中的方法:

设置该div的样式为'text-align:center',使得内容居中。

1、定义一个div

<div style="height:105px;width:180px" id='sd'>
11111
</div>

2、通过JavaScript设置div居中

var d1 = document.getElementById('sd');//获取该div节点
d1.style.cssText = 'text-align:center';//通过cssText属性赋值文本居中样式。

完整代码:

<!DOCTYPE >
<html >
<head>
<div style="height:105px;width:180px" id='sd'>
11111
</div>
</head>
<body>
<script> 
var d1 = document.getElementById('sd');
d1.style.cssText= 'text-align:center';
</script>
</body>
</html>

text-align属性

text-align 属性规定元素中的文本的水平对齐方式。

该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式。通过允许用户代理调整行内容中字母和字之间的间隔,可以支持值 justify;不同用户代理可能会得到不同的结果。

属性值:

  • left 把文本排列到左边。默认值:由浏览器决定。

  • right 把文本排列到右边。

  • center 把文本排列到中间。

  • justify 实现两端对齐文本效果。

  • inherit 规定应该从父元素继承 text-align 属性的值。

文章评论

    发表评论

    电子邮件地址不会被公开。

站点信息
  • 站点运行:441天
  • 网站程序:Wordpress
  • 主题模板:bvseo
  • 文章统计:4966 条
  • 文章评论:3311 条
  • 微信公众号:扫描二维码,关注我们