网上方法很多,其实可以直接ul li a的设置高度宽度,且li元素overflow:hidden就直接解决了。
ps:设置没有效果的话,那么最大的问题就是li是块元素,display设置以下成为inline-block即可。
详细介绍下:
现在这个情况就是li元素溢出后又从下一行显示,追求完美的同学可能感觉非常不适。所以解决方法就来了!!!!
.content_1 ul{
display:inline-block;
}
.content_1 li{
height:20px;
overflow:hidden;
}
.content_1 a{
display:inline-block;
width:350px;
}
//content_1是我设置的盒子的class名,看后边的元素设置即可
显示效果 :(怎么还违规了???)
这样,li的溢出问题就解决了