腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
CSS列,从上到下,然后从左到右
、
、
、
我正在为一个应用构建一个报纸风格的布局。我的页面被分成8列,这些列应该先垂直填充,然后水平填充。 如果没有足够的内容填充页面,列仍然应该首先垂直填充,在页面右侧留出空白。目前,它们首先水平填充,在内容下方留出空白。 我尝试过CSS列,但它似乎总是填满页面的宽度,我看不到有什么方法可以改变这一点。 我也尝试过flex box,但flex包装不会像CSS列那样在div中断开/换行。 .flex-col { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 300px; p { wid
浏览 14
提问于2018-01-06
得票数 3
回答已采纳
1
回答
编号顺序列表应与select元素位于相同的垂直线上。
、
、
我希望以与select元素相同的高度显示所选列表。 如果我删除填充-左,那么选择是太左。 用填充物-左边太远了。 我也不想给出一个近似像素计数的填充-左,以解决问题。有没有更优雅的解决方案? .flex { display:flex; flex-wrap: wrap; align-items:center; } .flex > div { flex-basis:100%; margin-bottom: 30px; background-color: #555; height: 50px; } .flex > div
浏览 0
提问于2018-05-07
得票数 0
回答已采纳
1
回答
使用填充将div定位到flexbox的底部
、
、
我有一些类似的东西: .flex-container { display: flex; justify-content: center; padding: 5%; position: relative; } .box1 { position: absolute; bottom: 0; width: 100%; height: 100%; } <div class="flex-container"> <div class="box1"></div> <div class=
浏览 0
提问于2018-07-31
得票数 2
2
回答
基本页眉-导航栏-页脚-内容布局在尾风+ CSS?
、
、
、
我希望用Tailwind + CSS创建一个基本布局,具有固定高度的页眉、固定高度的页脚、固定宽度的导航条和内容填充其余部分,其中整个包含区域扩展以填充可用空间,如下所示: 我已经和混得这么远了 <div class="flex min-h-full w-full flex-col bg-slate-400 grow"> <div class="flex h-32 w-screen bg-red-400">Title</div> <div class="flex h-auto w-screen
浏览 6
提问于2022-08-31
得票数 1
回答已采纳
1
回答
为了支持IE11,是否有将css挠性速记转换为长时间的多填充?
、
、
、
、
是否有将Flexbox flex:速记属性转换为它们类似的长时间属性以支持IE11的多填充? 在做了一些研究之后,我发现了一些柔性盒填充,但它们都不支持flex:速记特性。 如果没有一个支持灵活速记的多边形填充,我将不得不手动替换它们所有的长时间版本。 任何建议都是非常感谢的! 目前,我创建这个混合器是为了提供一个后遗症: /* Mixin for IE11 fallback for shorthand flex property. EXAMPLE USAGE: .grid { flex: 1 0 100%; // todo: replace this with
浏览 1
提问于2020-05-21
得票数 0
2
回答
在内部项中使用带填充的Flexbox
、
、
当两个项目之一部分填充填充时,如何保持flex-grow定义的宽度比?它不起作用。比率取决于容器的宽度。 <div style="display: flex;"> <div style="flex-grow: 3; padding: 4rem; background-color: red;"> </div> <div style="flex-grow: 2; background-color: green;"> </div> </div>
浏览 0
提问于2018-01-09
得票数 5
回答已采纳
1
回答
使用宽度%和填充物时方形div的固定尺寸-底部%
、
、
我想创建一个固定大小的方格的Flexbox。解决了宽度%和填充-底部%。 但是如果我在里面放一张照片,它就会改变尺寸。 我该怎么解决这个问题? 我试了最大宽度,最大填充-底部(我知道),填充-底部:最大(x%),. 我现在一点都不知道。 .flex-container { display: flex; flex-wrap: wrap; justify-content: center; width: 100%; } .flex-container > div { width: 32%; padding-bottom: 32%; posi
浏览 3
提问于2019-11-12
得票数 0
回答已采纳
1
回答
弹性盒盒尺寸:边框不工作
、
、
、
正如标题所述: .cnr{ display: flex; height: 100%; background-color: grey; position: absolute; border: 1px red solid; } .cnr > div{ box-sizing: border-box; padding: 1em; border: 1em solid; overflow: hidden; } .cnr > .closed{ width: 0; flex-basis: 0; flex-shrink: 1; flex-gro
浏览 5
提问于2017-05-24
得票数 2
回答已采纳
1
回答
如何将flex应用程序向左对齐?
、
如何在Flex中将我的应用程序向左对齐? 应用程序是水平居中的,当我调整浏览器窗口的大小时,它保持居中。它不是css填充,而是flex填充,所以我猜我使用的是Flex代码。 我尝试将以下属性添加到应用程序容器中: paddingLeft="0",left="0"..但它不起作用。仍然居中。 我还尝试在html/javascript代码中设置"align“和"left”,但没有解决问题,因为填充是在flex应用程序内部的。 谢谢
浏览 4
提问于2010-12-18
得票数 1
回答已采纳
2
回答
不要填充可生长的挠性容器的宽度。
、
、
我正在构建一个柔性盒容器,容器宽度是可调整大小的,每个元素应该水平地填充容器宽度,grow来填充它们之间的空间,如果行中有太多的元素,那么还要垂直堆叠。 问题是,当存在一个带有单个元素的行时,它会填充容器的整个宽度,这是导致flex-grow: 1;规则的原因。 如果删除flex-grow: 1;规则,元素就会停止增长,并且不会填补它们之间的空白。 我想要的是使元素能够填充它们之间的空间,但不要填充容器的整个宽度。 预期结果: article{ display: flex; flex-wrap: wrap; justify-content:
浏览 2
提问于2022-02-01
得票数 2
回答已采纳
2
回答
当填充添加到其中之一时,Flex项不会同样收缩。
、
.flex-container { display: flex; width: 200px; height: 100px; padding: 10px; background-color: green; } .flex-item { min-width: 0; height: 100%; flex: 0 1 50%; } .flex-item-1 { margin-right: 50px; background-color: red; } .flex-item-2 { padding-left: 50px; background-color:
浏览 2
提问于2022-07-17
得票数 0
2
回答
如何用柔韧生长来填充一个柔韧的物品?
、
、
、
我已经阅读了所有现有的解决方案,在这些解决方案中,图像可以填充包含的div,但是我还没有找到没有静态维度的填充div的解决方案,比如只由flex-grow布局的div。 目前,图像将破坏我在容器上设置的flex-grow比例。我希望img只是填充div,而不是扩展div。 我尽量不想用内联的方式。 是否有一个现有的多填充或解决方案? .container { display: flex; min-height: 300px; width: 500px; flex: 1; } .sub-container { flex: 1; display: flex; fl
浏览 1
提问于2018-12-18
得票数 3
回答已采纳
1
回答
当使用CodeMirror模块时,无法调整HTML元素的大小
、
、
、
我的textarea在我的HTML里。对于元素,我使用codemirror.js和codemirror.css模块( )。 <md-content flex style="display: flex; flex-flow: column;"> <textarea id="textArea" style="flex:1"></textarea> </md-content> 我使用单独的JavaScript文件来操作模块。 var textArea = document.getElementBy
浏览 2
提问于2016-06-12
得票数 0
回答已采纳
1
回答
引导4挠性-填充不填充高度
、
、
我想在顶部有一个页眉div (我可以用其他垃圾填充),底部有一个页脚div。在中间,应该有一个可变高度的div来填充整个屏幕。 这是我的代码: <div class="container-fluid p-0" style="background-color:brown"> <div class="flex flex-column"> <div class="flex" style="background-color:aqua">Header</div>
浏览 0
提问于2019-07-31
得票数 0
回答已采纳
13
回答
我如何使Flexbox儿童100%的高度,他们的父母?
、
我试着在Flexbox中填充一个挠性物品的垂直空间。 .container { height: 200px; width: 500px; display: flex; flex-direction: row; } .flex-1 { width: 100px; background-color: blue; } .flex-2 { position: relative; flex: 1; background-color: red; } .flex-2-child { height: 100%; width: 100%; background
浏览 10
提问于2013-03-13
得票数 784
回答已采纳
1
回答
柔韧生长不尊重边框。窃听器还是不?有什么办法可以克服吗?
、
我正在尝试创建一个CSS类,它应该占用一个flex容器的剩余空间,而不管flex条目的数量如何。这意味着固定百分比的width或flex-basis不是选项。 根据的说法,应用.flex-item { flex-grow: 1; flex-basis: 0; }应该起作用,但是,即使在将框大小设置为边框之后,当某些项目有填充或边框时,它也不能工作。 这是一个bug还是想要的行为?是否可以为任意数量的flex项指定相同的宽度,而不考虑填充和边框?
浏览 1
提问于2016-09-19
得票数 2
回答已采纳
1
回答
容器颜色不能填充整个容器。
、
我试图用特定的颜色填充我的整个容器,但是我无法编写如何填充它的代码。 <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/> <div className="container-fluid d-flex h-100 flex-column" class="p-3 mb-2 bg-light text-dark"> <div cla
浏览 2
提问于2020-03-24
得票数 0
回答已采纳
5
回答
IE10 flexbox宽度包括填充,导致溢出。框大小调整:边框不能修复
、
、
、
本例中的LHS flex子进程具有1em填充,这将导致RHS溢出父进程: <div style="display: -ms-flexbox; box-sizing: border-box; width: 200px; border: 5px solid black"> <div style="padding: 1em; -ms-flex-positive: 0; -ms-flex-negative: 0; -ms-flex-preferred-size: 33%; background-color: blue; box-sizing: bor
浏览 0
提问于2013-10-11
得票数 34
3
回答
flex box父包装器不填充页面的高度。
、
这是我的JSFiddle. 我知道这里发生了很多事情,我会尽量孤立我的问题。 有两个家长包装纸..。 <div class="video-section"> ... <div class="chat-section"> 正如你在小提琴中看到的,它们的高度不是100%,它似乎有某种最大的高度,因为它们并不总是填充页面。我的html结构有点像..。 <div id="app"> ... <div class="chat-navbar">....</div>
浏览 3
提问于2016-12-28
得票数 2
回答已采纳
1
回答
我怎样才能在可滚动的柔性生长中得到填充呢?
、
我有一个非常简单的布局,包括一个固定高度的父元素和两个子元素,一个是flex-grow: 1、flex-shrink: 1、一个填充和overflow: auto,另一个是flex-grow: 0和flex-shrink: 0。 我想要做的是让1 1子程序在滚动条溢出时得到一个滚动条,但是它周围仍然有一个填充。最好地说明了这一点。如果你滚动foo,你会发现底部没有填充。 如果我在元素上设置flex-shrink: 0,就会出现填充,但它不再滚动。 代码: #a { border: 1px solid black; height: 300px; display: flex; flex
浏览 3
提问于2017-11-14
得票数 1
回答已采纳
1
回答
当flex-basis设置为0时,没有填充父容器的Flex子容器
、
我正在处理一个4列网格,它有一个可变的项目数。网格是响应的,所以我不是使用像素/em值,而是使用百分比与calc相结合来补偿正确的边距。 为了确保不均匀行的剩余框不调整大小并填充剩余的空间,我将我的flex-basis属性设置为0。剩下的唯一问题是,这些框本身缺少几个像素来填充父容器(请注意,项目不是水平填充整个网格)。我怎么才能解决这个问题? *, *:before, *:after { box-sizing: border-box; font-family: Helvetica; } .container { } .flex-container { display:
浏览 3
提问于2017-03-07
得票数 0
回答已采纳
1
回答
将图像缩放到挠曲箱中的最大尺寸
、
、
我有一个柔性盒,里面有几个有宽度约50%的挠曲盒。一个柔性盒项要么包含一个或多个<p>元素,要么包含单个<img />。 带有图像的柔性盒项应该是完全填充图像的,而不是设置为起伏div.The图像的背景,即使图像填充了整个宽度,div.The图像的下方总是有一个小的红色条。如何使图像填充整个柔性盒项? 如果图像的高宽比发生变化,这并不重要。 ,我不希望图像下面的空白空间消失。我想要它散开,使用完全宽度的柔印盒项目以及。因此,它填充了flexbox项. .container { width: 500px; } .flexbox { display: flex;
浏览 0
提问于2015-10-11
得票数 0
2
回答
为什么“高度:100%”和绝对定位不能在柔性箱中工作?
、
我试着让一个柔性盒布局的子代填充它的父级。在任何其他上下文中,将宽度/高度设置为100%将导致div填充其父.我只想使用柔性盒作为我的顶层布局。 问题 #map-container div将不会填充#col1,即使它有100%的高度设置。 #controls div完全出现在#col1之外。我以前使用绝对布局,使盒子对角没有问题。在柔性箱里,祖父母似乎会引起问题。 我期待的是#map-container和#map填充#col1,#controls填充到#map的右下角。 .wrapper, html, body { height:100%; margin:0
浏览 3
提问于2015-10-27
得票数 2
回答已采纳
1
回答
固定行和科尔的聚合物网格
、
、
对于使用的应用程序,我需要一个3x3网格。它不需要响应,因为它应该总是显示在一个特定的屏幕设备上。目前,我的网格是这样的: <div flex style="height: calc(100%/3);" horizontal layout flex> <div flex style="height: 100%;">content</div> <div flex style="height: 100%;">content</div> <div flex style=
浏览 3
提问于2014-11-04
得票数 2
回答已采纳
3
回答
img设置flex-grow来填充flex容器的剩余空间,导致flex内部溢出flex容器
、
、
、
、
以下是我的代码,"text1“溢出flex容器,我希望img +文本在flex容器和img填充flex容器休息 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <!--mobile friendly--> <meta name="viewport" content="width=device-width, user-scalable=yes">
浏览 5
提问于2021-10-20
得票数 0
1
回答
如何去除角材数据报警器中的填充物
、
我希望从以下内容中删除填充值(默认情况下,这个值在角材料中设置为此值) ..mat表单字段-外观-填充..mat form-field-flex{边框-半径:4px4px0 0;填充:.75em .75em 0 .75em;} 我试过用 ::ng-深层..mat form-field-外观-填充..mat form-field-flex{填充:0px0px;} 但这不会改变填充值。我能做什么。
浏览 2
提问于2020-08-01
得票数 1
回答已采纳
1
回答
如何按列显示角度材料卡片,而不是按行显示
、
、
、
我在一个角度应用程序上工作,作为它的一部分,我试图创建一个页面,卡片是垂直填充的,而不是水平填充的。一旦在第一列中填充了5-6张卡片,我们就开始填充第二列。我的代码: presentations = [1,2,3,4,5,6,7,8] <div class="row card-data"> <div class="col-4" *ngFor="let presentation of presentations"> <mat-card> card 1
浏览 18
提问于2021-05-11
得票数 0
回答已采纳
3
回答
只有当孩子需要时,css才能填充剩余高度。
、
、
我有一个内容和一个页脚面板。页脚有固定的大小,但内容可以是固定的,也可以填充剩余的高度,这取决于(宏大)子元素。如果任何子节点填充剩余高度,则内容面板也应填充剩余高度。这种填充儿童的深度可以是任意的(直接的儿童或10个嵌套的级别) 示例: var button = document.getElementById('child-switcher'); var child = document.getElementById('content-filler'); button.onclick = function() { if (child.style.displa
浏览 5
提问于2017-12-25
得票数 5
回答已采纳
1
回答
带挠性盒的边框行为
、
、
、
、
我试图创建一个基于列的布局与特定的排水沟大小使用挠曲盒。 我希望包括这样的选项,即向给定的元素中添加一个类,比如col-2,这样可以使该元素的大小达到该行中其他元素的2个。col-3的大小为3种元素,col-4为4种,等等。 我是通过修改添加了flex类的元素的col-n属性来做到这一点的。 SCSS混频器 // number of columns $columns: 8; // column proportions mixin @mixin column-prop($n) { flex: $columns * $n; } .col-2 { @include column-
浏览 2
提问于2019-12-05
得票数 0
1
回答
Flexbox:如何防止子按钮填充物延伸到盒子的末端?
、
我使用带有display:flex;的div,没有包装来拉伸单个文本输入标签,以满足它右边的单个按钮。问题是,<input type="button">标签的填充显然是在挠曲盒空间被分割后添加的,所以按钮最终会突出在柔性盒的右侧。 <div style="width:200px;"> <div style="display:flex;"> <input placeholder="placeholder" style="flex-grow:1;flex-shr
浏览 2
提问于2015-09-21
得票数 1
回答已采纳
1
回答
游游方向5
、
、
所以我试着使用flexbox,但是有人告诉我,它在iPhone或上都不起作用。经过调查,我设法发现,似乎不起作用的东西是灵活的方向。 .flex-columns { display: -webkit-box; /* Safari */ display: flex; -ms-flex-direction: column; flex-direction: column; } 我创建了这个代码库: 从这个例子中可以看到,右边的“列”并没有填充高度。我需要一个方法来填充高度,但要确保它在旅行中有效。有人知道我是怎么做到的
浏览 0
提问于2015-06-29
得票数 1
回答已采纳
2
回答
减少as_flex_table中的垂直填充
、
as_flex_table_ex1 <- trial %>% select(trt, age, grade) %>% tbl_summary(by = trt,missing = "no") %>% add_p() %>% as_flex_table() %>% valign(j = 1,valign = "center") save_as_docx(as_flex_table_ex1,path = "1.docx") 现在-当我在word中打开表格时,I级,II级和III级
浏览 47
提问于2020-08-18
得票数 1
1
回答
如何让两个重叠元素填充其父元素
、
我需要两个元素(在标记为#a和#b的演示中)来完全填充它们的父元素。我需要元素#a填充它的父元素(这很简单,我只是将flex设置为1),我需要元素#b位于#a的顶部,并且与#a大小完全相同。如何使#b具有相同的大小?如果我将宽度/高度设置为100%,#b将溢出。 body { margin: 0; display: flex; width: 100vw; height: 100vh; } nav { background-color: silver; } main { flex: 1; border: 5px solid green; display:
浏览 1
提问于2022-05-08
得票数 0
回答已采纳
1
回答
柔箱居中布局忽略高度
、
、
、
我有一个用柔性盒做的布局。在Safari/Chrome/Firefox/Opera中,它工作正常,唯一的问题是(版本<= 11)。 我想要的布局如下: *-----------------* | HEADER | *-----------------* | | | *-----------* | | | | | | | | | | *-----------* | | | *-----------------* 内容始终是垂直和水平的中心。我就是这么做到
浏览 0
提问于2017-11-02
得票数 0
回答已采纳
1
回答
Safari / Chrome flex-父对象100%高度+填充和100%高度子对象
、
、
、
、
Safari使child块的高度比Chrome大。 我需要在Chrome和Safari中实现相同的块行为。 Chrome中的填充会影响child's height。使用height填充Safari sums。 .body { display: flex; justify-content: flex-start; flex-direction: column; height: 100%; } .header { height: 60px; width: 100%; } .ctn { height: 100%; width: 100%; paddin
浏览 4
提问于2016-09-16
得票数 4
4
回答
如何在计算中加入弹性盒?
、
、
下面是两排。 第一行在flex 1是两个项,在flex 2是一个项。 第二行是flex 1的两个项目。 根据规范,1A + 1B = 2A 但是,当计算中包含填充时,和是不正确的,如下面的示例所示。 问题 如何使flex框在其计算中包括填充,从而使示例中的框正确排列? .Row{ display:flex; } .Item{ display:flex; flex:1; flex-direction:column; padding:0 10px 10px 0; } .Item > div{ background:#7ae; } .Flx2{
浏览 4
提问于2016-06-13
得票数 94
回答已采纳
1
回答
在flex项chrome vs firefox中左右填充
Chrome和Firefox似乎在flex box项目中解释了不同的填充。我之前通过包装项目修复了它,但在这种情况下似乎不起作用。 <div class="flex"> <div class="wrapper"> <div class="item">i</div> </div> <div class="wrapper"> <div class="item">i</div>
浏览 8
提问于2014-09-07
得票数 1
1
回答
纸阴影破坏了所需的布局。
、
、
考虑一下这个标记: <custom-element horizontal layout> <div>Some text here</div> <div flex><i>space</i></div> <paper-toggle-button></paper-toggle-button> </custom-element> 其中custom-element声明如下: <polymer-element name="custom-element
浏览 5
提问于2014-12-11
得票数 0
回答已采纳
1
回答
使子div用滚动填充父div
、
我在flexbox布局上子控件的父子控件方面遇到了问题。 html, body, .frame{ margin: 0; height: 100%; } * { box-sizing: border-box; } .frame{ display: flex; flex-flow: column; } .header{ background-color: yellow; height: 40px; } .body-outer{ background-color: green; flex: 1; display: flex; flex-flow: c
浏览 27
提问于2021-02-04
得票数 0
回答已采纳
2
回答
Flex子对象未溢出(其正在折叠)
、
、
在中,如果子高度小于父高度,我会尝试填充父高度,如果子高度超过父高度,则会使子高度溢出。但是当我硬编码孩子的高度时,我希望看到一个滚动条。但相反,子代只是填充父代。 html,body{ height:100%; } .grand-parent{ height:100%; overflow:auto; display:flex; } .parent{ display:flex; flex-direction:column; min-height:100%; width:300px; } .child{ height:1500px; width:10
浏览 0
提问于2018-08-13
得票数 1
1
回答
试图使FlexBox正确呈现的问题
、
、
我只是在学习如何使用flex,并试图制作一个简单的聊天应用程序。我遇到了一个问题,在这里,柔性箱将无法填充父容器的宽度。 我的HTML: <div class="wrapper flex-col"> <header>Header</header> <div class="main"> <div class="sidebar"> <ul> <li>List item 1</li> <li&
浏览 2
提问于2015-08-26
得票数 0
回答已采纳
1
回答
让flex项大小取决于其内容,从而考虑其填充
、
、
考虑以下flex-box场景: <div id="container"> <div id="item1"> <a href="#">Some Link</a> </div> <div id="item2">I want about 50% of the window</div> <div id="item3">me, too!</div> </div> 使用一
浏览 6
提问于2016-08-31
得票数 1
回答已采纳
1
回答
角质材料.隐藏属性的使用
、
我有一个问题,使用隐藏属性提供的角质材料在一个表,我试图隐藏列在特定的断点。 我有一个非常简单的表示例,其中头单元格和行单元格使用隐藏属性,如下所示: <md-card layout="row"> <table class="main-table" layout-fill flex layout="column"> <thead flex> <tr layout="row"> <th flex hide-s
浏览 3
提问于2015-12-21
得票数 0
回答已采纳
3
回答
如何用柔性箱填充容器的剩余高度?
、
、
、
我想让一个div填充父容器的剩余高度。我知道还有许多其他类似的问题,对于这个问题,常见的flexbox解决方案是在内容周围使用面向列的flexbox包装器来填充高度。这对我没用。在下面的图片中,我试图让绿色和粉红色内容的容器用红色边框填充父容器的剩余高度。 .container { width: 600px; height: calc(100vh - 100px); border: 1px solid red; } .something-before { background: lightblue; height: 50px; margin: 10px 0; }
浏览 3
提问于2021-03-10
得票数 1
回答已采纳
3
回答
2列flex布局填充100%的窗口,但不填充窗口溢出。
、
、
、
我对两列布局(侧栏+主内容)有问题。目标是让这100%的垂直空间。 当前它填充到窗口,但如果内容位于需要滚动的窗口下面,则flex容器的高度仅与窗口一样大。 见 。注意边栏是如何填充右下角的窗口的,但是当您滚动它时,它不会展开以容纳窗口溢出。 HTML: <div id="page_container"> <div id="page_sidebar"></div> <div id="page_primary"> </div> </div> CSS: h
浏览 7
提问于2016-08-11
得票数 1
回答已采纳
1
回答
本机Flexbox图像无法填充容器的宽度
、
、
我有一个灵活的容器,它包含了列-flex样式中的3个组件。预期的行为将是,这3个组件将根据其flex样式(它们所做的)占据高度,并且它们将伸展以填充其容器的宽度(文本组件会这样做,但是图像组件不会!)。为什么图像组件没有伸展来填充宽度呢?我是不是遗漏了什么? 风格: let styles = StyleSheet.create({ container: { flex: 1, padding: 10, backgroundColor: 'white', borderRadius: 20, flexDirection: 'colu
浏览 1
提问于2015-09-29
得票数 2
1
回答
flexbox将项目从中心对齐,不使用填充物
、
使flex项居中很容易。然而,我喜欢将它向上移动一点,以便上下空间之间的关系是例如1/2。使用填充物时也很容易。但是,有没有一种没有填充物的方法呢?HTML: <div id="filler-top"></div> <div id="the-item"> </div> <div id="filler-bottom"></div> CSS: #the-item { width: 80vw; height: 30vh; bo
浏览 0
提问于2018-04-29
得票数 1
1
回答
如何为flex spark面板设置填充
、
、
、
我尝试使用css样式来设置面板的填充,但它不起作用 <fx:Style> .logo-bar{ paddingRight: 20px; } </fx:Style> <s:Panel styleName="logo-bar"> <s:Label>Hello</s:Label> </s:Panel> 但是在flex 3面板上也可以使用相同的样式,我应该怎么为flex 4面板设置填充呢?
浏览 3
提问于2013-11-10
得票数 0
1
回答
bootstrap 4单选按钮与填充不一致
、
、
、
我遇到了一个问题,Bootstrap 4自定义单选按钮与我的左侧填充不在一起。 如下所示: 以下是我用于打印项目的代码 <div class="p-4"> <ul class="d-flex flex-column justify-content-between"> <!-- Option One --> <li class="w-100 side"> <div class="d-flex pl-0 custom-control custom-
浏览 16
提问于2019-08-15
得票数 1
回答已采纳
1
回答
为什么在显示挠性容器的高度内不计算填充量?
、
.wrap { display: flex; flex-flow: column; } .row { display: flex; flex-flow: row wrap; background: yellow; } group label { padding: 1em; background: red; } <div class='wrap'> <h2> Header </h2> <div class='row'> <group> <
浏览 2
提问于2022-08-03
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Flex布局教程
使用填充柄填充
CSS-Flex布局
Flex 布局教程:语法篇
【CSS基础】Flex弹性布局
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券