【前端新手之路第五天】横向导航栏,html+css+js原生代码

今天参加了某个公司的笔试,笔试的题是比较熟悉,但是自己不能保证自己完全正确,就发现自己有些眼高手低了。

来,大家跟我一起喊:键盘敲烂,月薪过万。




    
    换肤
    






做成一个横向导航栏比较推荐的方法:

(一)将ul,position设置为absolute,利用bottom=0将ul轻松定位到紧贴下边线的地方。

(二)li标签display:inline-block.不设宽高

(三)a标签displ:block。不设宽高,用padding撑起元素。

优点:大大缩短代码量,还可以实现内容不定长度时,不用再去改变宽高。文本此时已经水平垂直居中。





    
    换肤
    







你可能感兴趣的:(js,css)