今天小编跟大家讲解下有关ul, li, a怎么用(谷歌/火狐/ie6/7/8)中测试 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关ul, li, a怎么用(谷歌/火狐/ie6/7/8)中测试 的相关资料,希望小伙伴们看了有所帮助。
复制代码代码如下:<style type="text/css"> *{margin:0; padding:0;font-size:14px} body{padding-top:20px} ul,li{list-style: none} ul{background: yellow;} li{float:left;height:50px;} a{display:inline-block;padding:0 30px;line-height: 50px;background:pink url(images/dian.jpg) no-repeat left center; width:60px;margin-left:30px;white-space:nowrap;overflow: hidden;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content:"."; clear: both; height: 0; } * html .clearfix {zoom: 1;} *:first-child+html .clearfix {zoom: 1;} </style> </head> <body> <ul class="clearfix"> <li><a href="">aaaaaaaaaaaaaaaaaaaaaaaa</a></li> <li><a href="">b</a></li> <li><a href="">ccc中中中</a></li> </ul> </body> 下面所有浏览器指的是谷歌、火狐、ie6、7、8
来源:爱蒂网