写代码时遇到的小问题

原创 张露露 随笔 积累 224阅读 2017-05-19 10:13:03 举报

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 希望文档流能识别浮动,或者是希望浮动后面的元素不被浮动所影响

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复