全面注解，说的不对的给点解下 -慕课网

                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

全面注解，说的不对的给点解下

007324213

2014-11-04

源自：JavaScript进阶篇 10-1

关注问题我要回答

1127

操作

收起

5 回答

ShawpLee
2014-11-29

 #tabs ul{list-style:none;height:30px;line-height:30px;border-bottom:solid 2px saddlebrown;}

/*主DIV下的UL{消除列表默认圆点；高30PX；行距30PX达到纵向居中效果；下边框：实线 2PX 重褐色}*/

为什么line-height:30px;能达到居中效果，能稍微详细点解释一下么，谢谢

0 回复有任何疑惑可以回复我~

收起回答

007324213 提问者

因为UL的高度也是30PX，当line-height也是30px的时候，说明UL里面只显示一行，所以会居中。

2014-11-30 回复有任何疑惑可以回复我~

lisa_sSmile
2014-11-30

Li[i].index=i;//给所有LI创造名叫index的属性给值i

不明白这个市什么意思？能解释一下吗？谢谢

0 回复有任何疑惑可以回复我~

收起回答

007324213 提问者
2014-11-30

因为UL的高度也是30PX，当line-height也是30px的时候，说明UL里面只显示一行，所以会居中。

0 回复有任何疑惑可以回复我~

收起回答

ShawpLee

line-height呢，你可以理解为每行文字所占的高度。比如说，有一行20px大小的文字，如果设置为line-height:50px，那就是说，这行文字的高度会占50px。显然，每个字的大小只有20px，那怎么边呢？于是呢，浏览器就把多出来的30px（50px-20px）在这行文字的上面加上了15px，下面加上了15px。这样的话，那文字就在这50px的空间内是居中的了（这个就是浏览器规定的，它就这个分配空间）。这样的话，如果你的DIV是50px，那么巧了，正好这行文字也就相对于DIV居中了。所以，这样一来呢，就有了“把line-height设置为容器div的高度就能使文字垂直居中

2014-11-30 回复有任何疑惑可以回复我~

ShawpLee

上面的是我在百度知道上找的，觉得更容易理解些。不过也谢谢你的回答！:)

2014-11-30 回复有任何疑惑可以回复我~