随笔分类 -  css

摘要:这个就是vue官网的例子,只是记录一下熟悉的过程: 一、绑定 HTML Class (一)、对象语法 1 <template> 2 <div> 3 <div class="basic" v-bind:class="{ active: isActive,'text-danger': hasError} 阅读全文
posted @ 2019-11-06 19:17 lhjfly 阅读(205) 评论(0) 推荐(1)
摘要:老生常谈,清除浮动 1.在一行显示; 2.浮动元素会脱离文档流,导致下面没有浮动的元素之别不了它的高度和位置,就会往上跑占领浮动元素的位置; 3.元素都是左浮动float:left 元素从左往右依次排列;如果元素都是右浮动,元素从右往左依次排列; 4.父元素浮动,子元素并不会继承子元素的浮动,如果想 阅读全文
posted @ 2019-01-17 11:24 lhjfly 阅读(955) 评论(1) 推荐(1)
摘要:在前端日常工作中,会有一些需要用纯css实现的小标志,如小箭头或三角形,下面简单地实现一下 让多个元素在一行显示 (1)display:inline把元素转化为行内元素,但是宽高属性不起作用(2)display:inline-block可以让元素在一行显示,但是他会受空格、换行键的影响,会有默认间距 阅读全文
posted @ 2019-01-11 19:21 lhjfly 阅读(1873) 评论(3) 推荐(1)