声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did248328
jquery label居中
在网页设计中，经常会遇到需要将label居中的情况，这时候我们可以使用jQuery来实现。
具体实现方法如下：
首先，在HTML中，我们需要为label设置一个id或class属性，以便在jQuery中进行选择。例如：
``` 名称： ```
然后在jQuery中，我们可以使用以下代码将label居中：
```
$(document).ready(function(){
var labelWidth = $('#myLabel').outerWidth(); //获取label的宽度
var screenWidth = $(window).width(); //获取屏幕宽度
var left = (screenWidth - labelWidth) / 2; //计算label的左边距
$('#myLabel').css('left',left); //应用左边距
});
```
以上代码中，我们首先使用outerWidth()方法获取label元素的宽度。接着使用$(window).width()方法获取屏幕宽度，再通过简单的计算得出label的左边距。最后使用css()方法将计算出的左边距应用于label元素即可。
完整代码如下：
``` jQuery label居中 label{
position: absolute; /*绝对定位*/
top: 50%; /*上边距50%*/
transform: translateY(-50%); /*垂直居中*/
} 名称： $(document).ready(function(){
var labelWidth = $('#myLabel').outerWidth(); //获取label的宽度
var screenWidth = $(window).width(); //获取屏幕宽度
var left = (screenWidth - labelWidth) / 2; //计算label的左边距
$('#myLabel').css('left',left); //应用左边距
});
阅读：55次