css如何让<a>标签,根据输入的内容长度调整宽度,宽度自适应,那位大仙帮帮忙
样式.ceshi{float:left;margin-left:13px;width:180px;}.ceshi.title{font-size:16px;margin:...
样式
.ceshi{float:left; margin-left:13px; width:180px;}
.ceshi.title{font-size:16px; margin:5px 0px; float:left; width:100%;}
.ceshi ul{float:left; width:100%;}
.ceshi ul li{float:left; margin:3px 0px; margin-right:15px; font-size:14px;}
.ceshi ul li a{display:block;}
.ceshi ul .hot a{color:#F90;}
.ceshi ul .hot a:hover{color:#20acff;}
<div class="ceshi">
<div class="title"></div>
<ul>
<li>
<a href="">测试测试测试测试</a>
<a href="">测试测试</a>
<a href="">测试</a>
<a href="">测试测试测试</a>
</li>
</ul>
</div>
现在的代码在火狐和360浏览器是正常的,一到IE整个都乱了 T_T 展开
.ceshi{float:left; margin-left:13px; width:180px;}
.ceshi.title{font-size:16px; margin:5px 0px; float:left; width:100%;}
.ceshi ul{float:left; width:100%;}
.ceshi ul li{float:left; margin:3px 0px; margin-right:15px; font-size:14px;}
.ceshi ul li a{display:block;}
.ceshi ul .hot a{color:#F90;}
.ceshi ul .hot a:hover{color:#20acff;}
<div class="ceshi">
<div class="title"></div>
<ul>
<li>
<a href="">测试测试测试测试</a>
<a href="">测试测试</a>
<a href="">测试</a>
<a href="">测试测试测试</a>
</li>
</ul>
</div>
现在的代码在火狐和360浏览器是正常的,一到IE整个都乱了 T_T 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询