flex-direction

04.conputed

是属性调用，而methods是函数调用2.computed带有缓存功能，而methods不是例子（购物车总价）Vue.jscomputed练习——计算购物车总价.container{display:flex;flex-direction
0640fefbc8bf·2023-12-21 23:40

顶部底部标题栏固定，内容区域上下滚动

第一种方式：Documenthtml,body{height:100%;width:100%;}body{margin:0;display:flex;flex-direction:column;}.title
c水滴石穿·2023-12-21 20:47

弹性布局flex

父级标签属性设置display:flex;/*弹性布局*/flex-direction:row;/*伸缩流方向*//*row(默认值)row-reverse(反转)column(垂直方向)column-reverse
虚心若愚求知若渴·2023-12-17 07:03

target伪类实现标签切换不起作用的问题

原始代码如下：移动端视图切换*{padding:0;margin:0;box-sizing:border-box;}body{width:100vw;height:100vh;display:flex;flex-direction
小雪洁·2023-12-16 09:34

element-plus：el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动

important;flex-direction:column!important;margin:0!important;position:absolute!important;top:50%!
哥很冷漠·2023-12-16 03:44

html css title 属性最长字节 1024

1024超出时显示…v-if-vue*{margin:0;padding:0;box-sizing:border-box;}.app-container{height:100vh;display:flex;flex-direction
时遇¥.¥..·2023-12-15 10:53

微信小程序：布局样式

wxml1111123wxss.layout{width:100%;display:flex;}.left{width:50%;background-color:#6ba2e0;}.right{flex:1;display:flex;flex-direction
雯0609~·2023-12-15 08:41

快应用实现横向滚动列表 （前端）

在快应用里，想要实现uview里面的这个效果可以使用list组件，flex-direction这个属性是关键的{{$item}}--{{$idx}}exportdefault{data(){return
poguanba·2023-12-15 02:15

散列卡片悬停变为整齐列表

Hamidahcommentedonyourphoto.2daysago编写基础样式ul{position:relative;transform-style:preserve-3d;perspective:500px;display:flex;flex-direction
林中白虎·2023-12-14 23:26

element-plus：el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动

important;flex-direction:column!important;margin:0!important;position:absolute!important;top:50%!
我爱学习yq·2023-12-14 22:19

移动web第四天-flex布局

1、改变主轴方向为垂直方向：flex-direction用法：flex-direction:column;把主轴方向变成了垂直方向，还是用Jc控制主轴方向的对齐方式把侧轴方向变成了水平方向，还是用ao控制侧轴方向的对齐方式注意
前端wenyq·2023-12-14 20:20

使用Css3弹性布局给子div平均分配宽度

父级给定宽度display:flex;flex-direction:row;子元素全部设置flex:1;不要刻意给子div设置宽度。
_不吃猫的鱼_·2023-12-06 10:25

玄子Share-CSS3 弹性布局知识手册

它提供了更加高效、简便的方式来对容器内的子元素进行排列、对齐和分布主轴和交叉轴使用弹性布局，最重要的一个概念就是主轴与交叉轴（副轴，侧轴），主轴由flex-direction定义，另一根轴垂直于它主轴（
玄子Share·2023-12-05 21:54

html5-伸缩案例 宽高自动适应

600px;background-color:#CCCCCC;margin:10pxauto;/*设置父容器为伸缩盒子*/display:flex;/*默认的主轴是row,这里需要以列的方式进行排列*/flex-direction
AssertDo·2023-12-04 09:56

flex居中

display:flex;flex-direction:column;//主轴的方向，如果内部只有一个元素，那么这个值可以任意取（默认为row）align-items:center;//定义项目在交叉轴上如何对齐
速 �·2023-12-04 08:14

微信小程序选项卡页面切换

text-align:center;padding:10rpx0;}.TabSwiper{width:100%;height:150rpx;line-height:150rpx;display:flex;flex-direction
小马大咖·2023-12-04 08:52

gsap实现文字动画效果02

Document*{margin:0;padding:0;box-sizing:border-box;}body,html{height:100%;}.allbox{display:flex;flex-direction
♛暮辞·2023-12-04 05:45

微信小程序如何让多个按钮横向排列

WXML界面添加如下代码：开关写入清除WXSS界面添加如下代码：.view_class{display:flex;flex-direction:row;justify-content:center;resize
落叶@梧桐·2023-12-03 18:52

flex布局（滚动条问题）

flex布局有时候overflow:auto不生效，解决办法如下flex布局html,body{margin:0;width:100%;height:100%;}.body{display:flex;flex-direction
见路不走!·2023-12-03 15:27

Element Ui 中表格设置max-height滚动条失效

为了是表格动态自适应页面高度，所以给表格设置了max-height属性，但是纵向滚动条消失了解决方案：设置表格属性.el-table{display:flex;flex-direction:column
恁说叫啥就叫啥·2023-12-01 17:58

11.30 作业

margin:0;}.banner{display:flex;width:1860px;height:753px;background-color:white;}.daohang{display:flex;flex-direction
2301_80791521·2023-12-01 10:09

弹性盒子布局主轴方向设置

第一个属性是flex-direction是确定主轴的方向row：主轴方向是水平从左到右。（默认）column：主轴方向是垂直从上到下。
w晚风·2023-11-30 20:06

css之svg 制作圆及旋转

({text:{type:String,default:'',},});.loading-box{position:absolute;inset:0;z-index:999;display:flex;flex-direction
Raywh·2023-11-28 13:25

原生实现前端表单title两端对齐，value自适应

test.label{display:flex;background-color:antiquewhite;width:300px;flex-direction:row;position:relative
Lucky@czj·2023-11-25 01:06

微信小程序的多选改变样式_微信小程序button选中改样式-实现单选/多选

button单选/多选红色为选中状态单选多选①wxss/*pages/button-select/button-select.wxss*/.button_container{display:flex;flex-direction
weixin_39940154·2023-11-24 14:37

html页面直接使用elementui Plus时间线 + vue3

直接上效果图案例源码Title.processBox{background-color:#fff;height:210px;}.timeline{display:flex;flex-direction:
Lan.W·2023-11-24 07:12

js 音乐播放器案例

html代码块00:0000:00css代码块*{margin:0;padding:0;}html{font-size:75px;}body{display:flex;flex-direction:column
MoicA·2023-11-22 12:06

移动端web开发第四天

1、flex-direction设置主轴方向把主轴方向变成了垂直方向，还是用justify-content控制主轴方向的对齐方式把侧轴方向变成了水平方向，还是用ai控制侧轴方向的对齐方式注意：主轴和侧轴仅仅只是调换了方向而已
小文同学_6762·2023-11-20 23:23

js动态获取当前时间并显示星期数

background-color:#2e3344;color:white;margin:300pxauto;display:flex;justify-content:center;align-items:center;flex-direction
诗霖雪·2023-11-20 09:38

flex弹性布局教程-09-容器属性flex-flow

本节目标掌握flex-flow的使用，flex-flow是flex-direction和flex-wrap的合集。掌握上左右下的布局编写技巧。
晴空闲雲·2023-11-16 19:02

CSS Form表单布局

对齐:.row{display:flex;justify-content:space-between;margin-bottom:10px;/*添加行之间的间隔*/}.col{display:flex;flex-direction
Teln_小凯·2023-11-15 14:49

uniapp 微信小程序 button 按钮去除边框

给button直接样式编写border:none；在模拟器上没有用需在样式定义&::after{border:none;}保存样式：.btnStyle{margin:0;display:flex;flex-direction
周zerlinda·2023-11-15 13:06

Vue3弹性布局（Flex）

效果如下图：在线预览APIs参数说明类型默认值必传width区域总宽度string|number‘auto’falseverticalflex主轴的方向是否垂直，vertical使用flex-direction
theMuseCatcher·2023-11-14 20:50

抽奖小程序网页版

抽奖逻辑包括五个普通奖品和一个神秘奖品抽奖小程序body{display:flex;align-items:center;justify-content:center;height:100vh;margin:0;flex-direction
何处不逢君·2023-11-14 19:18

flex 实现三栏等分且超出自动换行的多行布局

还能够做到容器内子元素超过3个时，自动换行，且后边的每一行一样都是三栏等分排列HTML子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素子元素CSSul{width:100%;display:flex;flex-direction
qiqiliuwu·2023-11-10 12:21

小程序制作（超详解！！！）第十五节 自动随机变化的三色旗

2.index.wxml变化的三色旗改变颜色3.index.wxss.flex-wrp{margin-top:50rpx;display:flex;flex-direction:row;/*水平方向*/
陌柒2333·2023-11-10 00:56

react： scss使用样式

apppublish.module.scss'//apppublish.module.scss.contentOverflow{height:100%;overflow-y:auto;display:flex;flex-direction
小强有个dream·2023-11-07 20:22

如何解决flex:1撑开父元素问题

容器1设置display:flex;flex-direction:column;height:100%;容器2设置display:flex;flex-direction:column;flex:1;
天蚕土豆丝·2023-11-04 18:18

CSS:父元素使用了Flex布局 导致子元素高度未撑开

auto;实现子元素不压缩，超出宽度展示滚动条在使用van-swipe时发现swipe的高度不能被图片撑开，排查发现给swipe父元素设置了#test{height:100%;display:flex;flex-direction
前端杨小白·2023-11-04 18:48

flex 布局竖直排列换行后让子元素撑开父元素

原因使用横向布局时可以正常撑开父元素，所以只能使用flex-direction:row;元素排列变成横向布局通过给父元素writing-mode:vertical-lr;，子元素writing-mode
sani_x·2023-11-04 17:40

[css] flex 子元素自动撑开父元素宽度

对于水平排列的情况，我们可以设置父元素的flex-direction属性为row。这样，子元素将会水平排列在一行内，并自动撑开父元素的宽度。
533_·2023-11-04 17:31

Rust Druid之Flex布局

相当于css：{display:flex;flex-direction:row;align-items:center;justify-content
前端家园·2023-11-03 06:12

上汽大通内部前端面试题（纯干货）

前端面试题1.cssflex弹性布局以下常用属性可以随机挑一二个问flex-direction:属性决定主轴的方向（即容器的排列方向）row（默认值）：主轴为水平方向，起点在左端。
秋叶原的琴音·2023-11-01 22:07

css高度自适应-flex弹性布局

写网页遇到页面高度无法自适应，查阅了资料学到了下列方式：css主要部分：#container{display:flex;min-height:100%;flex-direction:column;}.middle
一只在努力的程序媛·2023-10-30 10:38

flex笔记

父元素设置display:flex;子元素自动成为其成员，仅子元素；父元素6个属性flex-direction子元素排列方向flex-wrap子元素超出父元素是否换行flex-flow上面两个属性的缩写
刘小苏苏·2023-10-28 18:29

css3 flex弹性布局学习

flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-content(1)flex-direction(2)flex-wrap(
除了菜还是菜·2023-10-28 07:07

Flex水平滑动布局

margin-top:0.1rem;width:calc(100%-0.2rem);height:auto;display:flex;flex-wrap:nowrap;overflow-x:scroll;flex-direction
fortitude1990·2023-10-26 16:21

03-Flexible Box

属性flex-direction决定主轴的方向column:垂直方向,起点在上边。React-Native默认值，与Web不一致。column-reverse:垂直方向，
砌墙的民工·2023-10-26 02:25

element-ui中的el-tab和el-table样式冲突导致table高度缩小

以下是解决方案.el-table{width:100%;display:flex;flex-direction:column;.
乱八七糟的学习·2023-10-25 15:33

CSS相关

details/18152857floatflexdisplay制定为flex布局display:-webkit-flex;/*Safari*/display:flex;display:inline-flex;flex-direction
Alfred的记录本·2023-10-24 17:49
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他