写代码时遇到的小问题

1、缺少div结束标签或者多写div标签导致页面内容变形
2、用jquery写选项卡切换

 //html代码
        <div class="tab">
           <ul>
              <li class="cur">近期演出</li>
              <li  data-type="1">往期演出</li>
              <li  data-type="2">相关问答</li>
           </ul>
         </div>
         <div>
            <div class="content"></div>
            <div class="content"></div>
            <div class="content"></div>
         </div> 
     //jquery代码
        <script>
           $("tab li").click(function () {
              var index = $(this).index();
              $(this).addClass('cur').siblings().removeClass('cur');
              $(".content").eq(index).show().siblings().hide();
           });
       </script>

3、选项卡切换时列表丢失，列表所有内容最外部缺少一个包括的div标签。
4、内容超出两行将其超出的内容隐藏且显示省略号。
overflow:hidden;   //超出的文本隐藏
text-overflow:ellipsis;   //溢出用省略号显示
display:-webkit-box;   //将对象作为弹性伸缩盒子模型显示
-webkit-box-orient:vertical;   //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
-webkit-line-clamp:2;   //这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数
5、clear:both 希望文档流能识别浮动，或者是希望浮动后面的元素不被浮动所影响

欢迎分享本文，转载请保留出处：前端ABC » 写代码时遇到的小问题