sunshine的博客

overflow: hidden;text-overflow: ellipsis;white-space: nowrap;移动端页面：overflow : hidden;text-overflow: ellipsis;display: -webkit-box;//必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。-webkit-line-clamp: 2;//用来限制在一个块元素显示

html部分：<div style="position: relative"> <span class="arrow arrow-down"></span> <span class="arrow arrow-up"></span> <span class="arrow arrow-left"></span> <span class="arrow arrow-r

index.html<div class="form-controls f-ct-por"> <input type="text" value="" class="f-text span3" name="textfield" id="textfield"> <input type="button" class="btn" value="浏览..."> <input type=

在工作当中，我们难免会遇到这样的适应屏幕需求，宽版以1200px为基准，窄版以1024为基准，版心应该怎么设置呢？而合理运用媒体查询就能非常容易帮我们解决这个问题。/*版心*/@media screen and (max-width:1200px) and (min-width:1024px){ .w{ width:1024px; margin:0 auto

有时候我们的页面主体高度并不固定，而我们又不想让footer跟着主体高度变化而跑动，也许您会想到使用position:fixed;但是这并不能达到理想的要求，下面是我曾经在实际工作中用到的一种方法： html:<div class="wrapper> <div class="content">主体内容</div></div>css:html,body{ height:100%;

去除ie浏览器input中的自带删除图标input::-ms-clear{display:none;}当input的type为number时，去除浏览器自带的上下三角箭头,并且只能输入数字<input type="number" autocomplete="off" min="1" :max="totalPage" v-model="jumpPage" class="jump-input" onke