码迷,mamicode.com
首页 >  
搜索关键字:flex    ( 3020个结果
前端知识随笔
css 水平居中的写法 水平居中 行内元素: text-align: center 块级元素: margin: 0 auto position:absolute +left:50%+ transform:translateX(-50%) display:flex + justify-content: ...
分类:其他好文   时间:2020-10-21 21:24:39    阅读次数:24
vue音乐项目——解析stylus中的 &.router-link-active
代码结构如下: 1、html部分 <div class="tab"> <router-link tag="div" class="tab-item" to="/recommend"> <span class="tab-link">推荐</span> </router-link> <router-li ...
分类:其他好文   时间:2020-10-18 17:05:42    阅读次数:27
7-108 将x的平方赋值给y (5分)
7-108 将x的平方赋值给y (5分) 假设x的值为3,计算x的平方并赋值给y,分别以“y = x ? x”和“x ? x = y”的形式输出x和y的值。 输入格式: 本题无输入 输出格式: 按照下列格式输出代入x=3的结果: y = x * x x * x = y#include<stdio.h ...
分类:其他好文   时间:2020-10-18 10:06:58    阅读次数:36
移动端base.css
### 移动端 基于flex布局 的默认样式 rest css ; ``` *,::before,::after { padding: 0; margin: 0; outline: none; -webkit-tap-highlight-color: transparent; } /* 所有元素的盒... ...
分类:移动开发   时间:2020-10-12 20:37:17    阅读次数:32
Flex布局的简单使用
最近通过观看pink老师的视频学习了flex布局,以此来记录flex的简单使用! flex布局原理 flex是flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。 当我们为父盒子设为flex布局以后,子元素的float、clear和 ...
分类:其他好文   时间:2020-09-18 03:06:31    阅读次数:29
flex布局
flex布局 操作方便,布局极其简单,移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 父项常见属性 flex-direction:设置主轴的方向 justify-content:设置主轴上的子元素排列方式 flex-wrap:设置子元素是否换行 alig ...
分类:其他好文   时间:2020-09-17 21:26:48    阅读次数:44
微信小程序点击右上角胶囊分享动态获取title
wxml:(父级页面) <view class="pageLi flex" catchtap="toInstitute" data-name="{{item.shop_name}}" data-id="{{item.id}}"> <image src='{{item.headimg}}' mode= ...
分类:微信   时间:2020-09-17 17:40:22    阅读次数:63
圣杯布局、双飞翼布局,致敬经典
在 flex 和 grid 布局出现的今天,我依然听到有人面试了,圣杯布局、双飞翼布局。 虽然网上一搜一大把,但不自己写一篇,总觉得是自我学习过程中的一种遗憾,一起致敬经典 圣杯布局和双飞翼布局 在如今的网页中我们经常可以看到左、中、右三列,其中左右两列宽度固定,中间宽度自适应的布局方式,并且让中间 ...
分类:其他好文   时间:2020-09-17 17:10:26    阅读次数:26
文字滚动特效
<style> #Marquee{ height:20px;overflow:hidden; display:inline-block;-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; } #Marquee p{ height:20px;overflow:hi ...
分类:其他好文   时间:2020-09-17 15:40:22    阅读次数:33
[译]8个惊人的HTML按钮悬停效果,不看后悔一辈子
发送按钮悬停效果 效果图 HTML <div id="send-btn"> <button> // 这里是一个svg的占位 Send </button> </div> CSS #send-btn{ display: flex; align-items: center; justify-content ...
分类:Web程序   时间:2020-09-17 11:59:12    阅读次数:50
3020条   上一页 1 ... 4 5 6 7 8 ... 302 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!