CSS
姚辉乾
Vue前端工程师
展开
-
flex布局
网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地...转载 2018-07-26 10:30:21 · 325 阅读 · 0 评论 -
vue里面的v-bind三元表达式
<h2>v-bind</h2> <h2 v-bind:class="g">V-bind demo</h2> <h2 v-bind:class="{red:off}">接收判断条件</h2> <h2 v-bind:class="{r,g}">{r:r,原创 2018-08-13 13:32:37 · 16245 阅读 · 0 评论 -
vue 指令全集
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .red{ color:原创 2018-08-13 13:56:28 · 232 阅读 · 0 评论 -
CSS 三角形
display: inline-block; border-right: 2px solid #E4E4E4; border-bottom: 2px solid #E4E4E4; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);原创 2018-09-20 15:01:28 · 218 阅读 · 0 评论 -
position 上下左右垂直居中
.login{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.3); .log{ width: 425px; height: 600px; background: #FFF; position: absolu...原创 2018-12-19 15:31:50 · 3848 阅读 · 0 评论