Flexbox/CSS换行顺序？包装/隐藏flexbox div以隐藏它的最好方法？
Flexbox是一种用于网页布局的CSS模块，它提供了一种灵活的方式来排列和对齐元素。在Flexbox中，可以通过设置flex-direction属性来控制元素的换行顺序。
flex-direction属性有四个可能的值：
- row（默认值）：元素按照水平方向从左到右排列，超出容器宽度时会换行。
- row-reverse：元素按照水平方向从右到左排列，超出容器宽度时会换行。
- column：元素按照垂直方向从上到下排列，超出容器高度时会换行。
- column-reverse：元素按照垂直方向从下到上排列，超出容器高度时会换行。
如果想要包装或隐藏Flexbox容器中的某个div，可以使用display属性来实现。以下是两种常见的方法：
- 包装Flexbox div：
- 设置display属性为flex：将Flexbox容器的display属性设置为flex，使其成为一个Flexbox容器。这样，容器内的div元素将按照Flexbox布局进行排列。
- 设置flex-wrap属性为wrap：将Flexbox容器的flex-wrap属性设置为wrap，使容器内的元素在超出容器宽度时换行。
- 设置overflow属性为auto或hidden：根据需要，可以将容器的overflow属性设置为auto或hidden，以控制容器内元素溢出部分的显示方式。
- 隐藏Flexbox div：
- 设置display属性为none：将要隐藏的div的display属性设置为none，使其不显示在页面上。这样，该div将不会占用空间，也不会影响其他元素的布局。
需要注意的是，以上方法只是一种常见的实现方式，具体的实现方法可能因项目需求和具体情况而有所不同。
关于腾讯云相关产品，腾讯云提供了丰富的云计算服务和解决方案，包括但不限于：
- 云服务器（Elastic Cloud Server，ECS）：提供可弹性伸缩的云服务器实例，满足不同规模和需求的应用部署。
- 云数据库MySQL版（TencentDB for MySQL）：提供高可用、可扩展的云数据库服务，适用于各种规模的应用。
- 云存储（对象存储COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的数据。
- 人工智能（AI）服务：包括图像识别、语音识别、自然语言处理等多个领域的人工智能服务，帮助开发者构建智能化应用。
- 物联网（IoT）平台：提供设备接入、数据管理、消息通信等功能，支持构建物联网应用和解决方案。
更多关于腾讯云产品的介绍和详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
2回答
我正在学习CSS，我看到了一些我不理解的东西。我基本上是在做以下事情：
.flexbox {
display: flex;
}
div.flexbox::after {
display: block;
content: "X";
}
.item {
flex: 1;
height: 200px;
}
.red {
background-color: red;
}
.blue {
background-color: blue;
}
.green {
background-color: green;
}
<div class=&#
浏览 18提问于2018-08-21得票数 1
回答已采纳
1回答
我正尝试在我的网站上使用CSS3 flexbox，但收效甚微。
我可以创建一个可爱的3列布局，但我想让第三列在第二列下以一定的屏幕分辨率换行。使用flexbox可以做到这一点吗，或者我是否必须恢复到更传统的方法？
我的代码在上，它显示了我的代码当前的外观以及flexbox实现。
<style>
body > * > *{background:#666;color:#eee;padding:40px;margin:20px;text-align:center;}
/* Flex */
article{display:-webkit-flex}
section{-webki
浏览 0提问于2013-04-16得票数 3
回答已采纳
2回答
我想要一个菜单栏，所有菜单项都有相同的宽度(和最宽的菜单项一样宽)。菜单项的数量可以改变。如果有额外的空间，菜单应该在其容器内居中。
如果项目不能放在一行上，可以在另一行换行，但它们应该具有相同的宽度。如下所示：
| [ short ] [loooooooong] [ between ] |
| [ wrapped ] |
我能用CSS做到这一点吗？
我尝试使用display:grid，但失败了：
.container {
border: 1px solid black;
displa
浏览 1提问于2017-08-01得票数 4
1回答
使进度条响应
、、
我有这些progress bars，它们应该作为评级工作，它们看起来很好：
我已经应用了一些CSS，并且我通过读取文本文件中的值来使用JavaScript更改它们的宽度。但根本不响应，并且每当窗口调整大小时：
HTML
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="second-part">
<div class="row">
浏览 2提问于2018-05-29得票数 1
我现在进入Flexbox，试图看看如何从使用传统的CSS网格过渡。
我有两个布局:一个是用CSS网格制作的。另一个是用Flexbox制作的。两个示例的基本布局都是非常基本的:页眉、导航、内容部分和页脚。
从设计上看，它们看起来都是一样的，对于RWD来说，它们的行为也完全一样。但是，为了使用Flexbox完成相同的行为，我必须在Nav和Content部分周围创建一个包装器div。
这是与CSS网格布局一起使用的HTML：
<div class="container-12 clear">
<header class="grid-12">
浏览 1提问于2015-02-22得票数 2
回答已采纳
这个问题相当简单，但我似乎找不到解决这个简单问题的方法。我有一个元素的列表，我需要反向为特定的原因，这只需要与CSS完成，因为后端生成一个正常的列表。
box-direction属性很好地做到了这一点，只有在应用它之后，子元素才会完全嵌入父元素的宽度，并彼此相邻显示，溢出出父元素框。
我该如何解决这个问题呢？
<div>
<p>Cat</p>
<p>Dog</p>
<p>Horse</p>
</div>
div {
width:50px;
heig
浏览 0提问于2013-05-02得票数 2
回答已采纳
2回答
我在Safari中使用flexbox时遇到了问题，我在这些页面上找不到适合我的解决方案。
在我的页面上，我使用了flexbox，并在一栏中放置了文本，在另一栏中放置了图片。它在Chrome和Internet explorer中查看效果很好，但在Safari中，图像会缩小，变得非常小或放错了地方。
CSS代码：
.flexbox {
display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* safari */
-webkit-justify-content: center; /* saf
浏览 1提问于2015-10-05得票数 2
我正在学习html/css，似乎item-2类的align-self没有应用，但在讲师视频中它是有效的。我只想知道代码中出了什么问题？ 这里是完整的代码，也可以在https://jsfiddle.net/nk0sp2ev/上分享 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-sca
浏览 15提问于2020-05-03得票数 0
回答已采纳
我对CSS和HTML非常陌生，所以在为我的学校项目设计网页时遇到了困难。
目前我正在尝试在导航栏的中间插入一个搜索栏。但是，我只能将其设置在栏的左侧或右侧。我在其他网站中找到了覆盖引导css代码的代码，并将搜索栏移动到页面的中间，但当显示屏较小时，搜索栏不适合下拉菜单。
这是我用来设计网页的html文件。
<!DOCTYPE html>
<html lang="en">
<head>
<title>{% block title %} {% endblock %} - Snaplost</title>
&l
浏览 2提问于2020-06-14得票数 0
1回答
正如标题所述，我只是试图对红色div进行居中。最初，我尝试使用一个单一的红色div作为父服务器，使其垂直和水平地对中，但没有运气，在google搜索了几次之后，我看到我需要一个父div(绿色)才能做到这一点。我真的很烂的css，真的只是经过尝试和错误与它。
我很难用3个子元素( h1、h3和按钮)对子红色div使用绿色“容器”div。
我在哪里
css
body {
background: #F5F7FB;
}
.container {
display: flex;
width: 100%;
height: 200px;
border: 1px solid green;
浏览 0提问于2022-03-03得票数 -2
1回答
我需要在nextjs上动态布局，3列3行，依此类推。实际上我用的是flexbox。有没有可能只用flexbox，Reactbootstrap或一些CSS就能做到这一点？
浏览 4提问于2021-09-29得票数 0
2回答
因此，我正在为一个类构建一个站点，我在css中遇到了一个意想不到的问题。在较小的尺寸下，身体似乎扩展到视口之外。在将body width设置为100vw和100%而不做任何更改后，我不明白为什么会发生这种情况？ 您可能需要将代码片段复制粘贴到codepen中。Stack不允许我链接到代码:( 无论如何，你能告诉我解决的任何事情都会有帮助！ body{
width:100vw;
margin:0;
padding:0;
}
.page-wrapper{
width:100%;
height:100%;
disp
浏览 38提问于2019-12-10得票数 1
我的flexbox的两个孩子都被赋予了一种box-flex: 1的样式。我的理解是，它们的宽度应该是等于彼此的(两者都占据了其父flexbox总宽度的50%)。但是当内容被添加到子元素中时，它们的宽度会发生变化(这取决于内容和填充)！这一切为什么要发生？
CSS：
.hasFlex {
display: box;
display: -webkit-box;
display: -moz-box;
-webkit-box-align: start;
-moz-box-align: start;
box-align: start;}
.box0 {
-web
浏览 33提问于2011-11-03得票数 58
回答已采纳
5回答
请原谅我，我现在提出一个愚蠢的问题。作为一个业余的网页设计，我不完全理解CSS。具体而言，如何在水平平面上排列物体。
现在，虚线<'p>‘框位于空<'div>’框下面。我想把它们放在一起，水平地。怎么做呢？
<html><head><style>
#div1
{width:400px; height:75px;border:4px solid;}
</style></head><body>
<div id="div1"></div>
<
浏览 8提问于2015-10-17得票数 1
回答已采纳
1回答
我在我的图库盒子容器中有两个独立的类。我将其设置为使用flex显示，但是列中没有空格。另外，它不能像显示文本一样显示所有的图片。
我尝试了一些justify-content属性，但这似乎并不管用。我也尝试过摆弄这些类，但没有成功。
HTML：
<body>
<h1>Gallery Mockup</h1>
<div id="content">
<!-- put your card HTML here -->
<div class="card">
浏览 1提问于2019-06-17得票数 0
1回答
围绕更高的元素
、、、
我有一个列表，里面有一些元素。如果任何物品具有相同的高度，则所有物品都正确包装。但是，如果单个项目比其他项目具有更大的高，则项目将包装在较高元素的底部。
在这里您可以看到我的示例：
下面是我的简单html列表：
<div id="flexbox-container">
<div class="small-container"></div>
<div class="big-container"></div>
<div class="small-container&
浏览 0提问于2016-04-19得票数 2
2回答
MAJ :添加codepen：
我开始在一个非常具体的项目中使用flexbox。由于文档经常更换，因此我不会处理我的问题。
下面是我的html：
<div class="flexbox">
<div class="middle">Middle</div>
<div class="left">Left</div>
<div class="right">Right</div>
</div>
和我的css (没有前缀的
浏览 3提问于2012-10-24得票数 1
1回答
Div下的CSS Div
、、、
我在设置一个div以显示在另一个div下时遇到了很多麻烦(就像他们通常做的那样)。
我在用MaterializeCSS。我的布局如下：
<div class="container valign-wrapper">
<div class="customClass"></div>
<div class="customClass"></div>
</div>
和css：
.valign-wrapper{
display: flex;
align-it
浏览 3提问于2016-03-21得票数 0
2回答
我做错了什么？在Chrome，Firefox，Opera中很酷，但在Safari/Explorer中不是。
Parent在右下角，child1在parent上(垂直居中)。父对象可能具有不同的大小，并且子对象必须仍在其上。
.cotainer{
position: fixed;
bottom: 0px;
right: 0px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
margin: 10px;
}
浏览 29提问于2017-08-04得票数 0
回答已采纳
我想知道是否有一种纯css的方法可以使div在彼此流过时改变对齐方式，或者在窗口调整大小时“换行”。单行上的两个div，一个向左浮动，另一个向右浮动。在较小的视口上，它们会堆叠，但会保持左右对齐。我可以将它们集中在这样的媒体查询上：，但媒体查询并不理想，因为左边框中的内容长度可变，因此为媒体查询设置断点只是一种猜测。干杯
Html：
<div id="nav_row">
<div id="left_box">Left box with variable content width xxxxxxxxxxxxx
</div>
浏览 0提问于2016-06-16得票数 0
3回答
如何拆线2锚
、、
所以我试着用<a>标记拆开我的两个锚。他们在一个翻盖盒里。
基本上现在我有我的两个锚inline，但问题是，我使用的容器柔箱，我不太确定我怎么能打破第二个锚，所以它将在我的第一个锚。
我的HTML代码：
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<div style="display: flex; align-items: center; justify-co
浏览 1提问于2021-05-27得票数 1
回答已采纳
3回答
引导推拉问题
、、
我对Bootstrap相当陌生，并且在使用push和pull更改元素对齐方面存在问题。以下是小屏幕大小(xs及以上)所需的结果：
-------------------
| Search |
-------------------
| Directory |
-------------------
| Preferences |
-------------------
然后，对于所有屏幕大小的md和更高的屏幕，我想要这样的布局：
-------------------
| Search | Pref.|
-------------------
|
浏览 8提问于2015-01-14得票数 5
回答已采纳
1回答
CSS
、
我的问题是，根据浏览器窗口的宽度，将flex框包装成多行的样式:除了JavaScript之外，还有其他方法来设计特定的行吗？
我们有下面的div
<body>
<div class="flexwrap">
<div class=flexbox"></div>
<div class=flexbox"></div>
<div class=flexbox"></div>
</div>
</body>
和下
浏览 0提问于2013-10-29得票数 5
回答已采纳
我有一个CSS问题：
<div id="wrap">
<div id="left">I am div 1</div>
<div id="right">I am div 2</div>
</div>
我试图使“我是div 1，我是div 2"中心内的包装div。不知道该怎么解释。设计只占百分比，液体设计，我被卡住了。
有什么想法吗？
浏览 2提问于2011-04-29得票数 18
回答已采纳
对于可访问性而言，使用引导顺序类(如order-2 order-md-1 )和选项卡顺序( tab order )存在一些问题，因为我希望选项卡流遵循可视流。
查看以下标记：
<div class="row">
<div class="col-12 col-md-6 order-2 order-md-1">
<a href="link.html"
class="back-link">
Back
</a&g
浏览 0提问于2019-07-31得票数 0
回答已采纳
2回答
在CSS中创建两列布局
、、、
我正在为一个小的网络模块的接口工作，并与CSS有一些问题。现在，我有了容器DIV，然后有了表来布局子部分。我将3张桌子放在左边，3张桌子放在右边，到目前为止，它工作得很好。
我最近添加了一个功能，允许用户根据需要添加额外的字段，当右列中的表的高度增加时，它会破坏布局。有没有更好的方法来做到这一点，这样布局就不会中断？
在将"clear:left“和"clear:right”添加到每个表之后，它显示如下...
在将3个左浮动表移动到代码顶部并从其他3个表中删除"float:right/clear:right“之后，它工作得很好，除了这一点。
浏览 0提问于2013-05-21得票数 0
回答已采纳
1回答
我有一个溢出的容器-y:滚动。内容高于容器高度，因此滚动。
问题是如何自动调整容器的高度，当容器在一个分隔固定高度的更宽的容器div的div旁边时。
这是一个
我的代码如下：
<div ng-repeat="t in p.tabs"
class="tabContent"
ng-class="currentTab==t.name?'selected':''"
>
<div>
<h2>
浏览 4提问于2014-05-11得票数 0
2回答
我在CSS中将部分居中时遇到了问题。如果您需要更多信息，请让我知道。
我已经试过text-align: center了；
CSS代码：
#example{
margin: auto;
max-width: 1000px;
}
HTML
<section id="example">
<br>
<hr>
<div class="icon">
<img src="Other/icon.png&
浏览 4提问于2018-02-10得票数 0
我一直在尝试使用flexbox实现下面的布局。我最初有一个包含图像和导航的左手边栏，以及一个主要的内容区域。在移动平台上，侧边栏用于在主内容下面包装。
问题在于，我需要将图像保持在移动设备的顶部，所以我一直在尝试在一个包装器div中使用三个兄弟级div。
这在flexbox中是可能的，还是我需要使用css网格？
浏览 4提问于2021-11-06得票数 2
回答已采纳
在我的网站www.maastraders.shop上，我想对齐所有产品的价格。
我使用了inspect元素，并发现有一个名为price的span类，因此我尝试在我的网站上的自定义CSS面板中引用该类，并试图通过在我的命令末尾使用!important来覆盖该类上的现有设置(检查代码)。我甚至尝试过使用我在StackOverflow上的另一个线程中找到的显示内嵌块。
span.price {
display:inline-block!important;
text-align:center!important;
}
我只是想让整个价格(例如₹400)受到影响，但实际上
浏览 0提问于2019-01-16得票数 2
1回答
我正在制作一个动画，它包含一个更大的div中的一组四个div。这四个div太大了，不能同时放在一个div中，所以我希望能够指定更大的div应该开始的位置。例如，这里我在div中有四个盒子。从上到下，框是绿色、紫色、粉色和蓝色的(您看不到当前jsfiddle中的蓝色，因为它被截断了)。我希望更大的全显示div的底部与蓝色框的中间对齐，其他所有东西都适合帽子上方，直到它在div的顶部被切断。最终，我将实现一个自定义的滚动按钮(因为我不想让它看起来像溢出按钮: scroll one)，但现在我只想让CSS以我想要的方式显示内部div。
JS小提琴：
CSS：
body {padding: 0; ma
浏览 3提问于2015-03-02得票数 0
1回答
响应式网页设计栏目出现在下面
、、、、
所以我一直在尝试制作一个响应式的网页，结果应该是这样的。 ? 当我试图在配置文件后添加第二列时，由于某种原因，它出现在它的下方，而不是像这样。 ? 不管我学到了什么，下面都会出现这个框。我只能猜测，这里的边框会影响列，即使我调整了浏览器的大小，使其无法适应，但实际上它看起来并不像这样。 这是我在CSS文件中所做的： /* rows and column */
.row::after{
content: ””;
clear: both;
display: table;
}
[class*=”column-”]{
float: left;
padding: 2px;
widt
浏览 61提问于2021-11-09得票数 1
回答已采纳
1回答
所以我已经在这方面工作了更多的两个星期了，似乎无法使这一切按预期的方式进行。我开始认为，这可能是一个关于所讨论的行/列有多深的问题，但我真的很想了解一下外部的情况。
简而言之，它是包含-> 2行的页面，其中第二行包含-> 2列，其中第二行包含-> 3行为面包屑，每个页的主要内容和页脚。如果页面需要扩展，导航应该保持不变。我隐约记得，当我开始看到一些人试图做一个类似的布局，但没有能够再次找到这些帖子。
下面是正在讨论的代码，在我所能得到的表单中尽可能地简化它：
<!DOCTYPE html>
<html lang="en">
&l
浏览 0提问于2017-10-01得票数 1
我正在尝试用jQuery切换div，最大的问题是我的div是一个flex容器。
是否有一个等价于.toggle()的jquery函数可以在display:none;和display:flex;之间切换，而不是在display:none和display:block;之间切换标准
浏览 1提问于2018-11-22得票数 8
回答已采纳
我不能将这些项目居中。我不明白我做错了什么。我尝试了所有的方法，但可能我正在做的事情是不正确的，但我找不到是什么！------------------------------------------------------------------------
.flexbox-container {
display: flex;
justify-content: center;
flex-direction: row;
}
.fl
浏览 0提问于2021-04-20得票数 0
1回答
因为我对一个jQuery精灵插件方法有一个平移元素，我调用它来平移一些超级马里奥兄弟的背景，它似乎增加了相当多的页面长度。
如果你访问，你会注意到有3种不同的平移背景。如果只有2个，不足以填满页面内容的整个高度，但是如果有3个平移，就会有太多的溢出，导致用户能够向下滚动页面，只是为了看到背景平移图像。
我想要做的是，用我页面上最后一个<div>元素的高度来截断第三次平移，在本例中就是我的<div id="footer">元素。
我该怎么做，有什么建议吗？我想我总是可以只做两个背景，然后压缩我的内容，但这并不有趣，不是吗？:)
谢谢!
浏览 1提问于2010-08-20得票数 0
1回答
我想知道如何仅使用css (或js)为移动用户更改这两个div的顺序(PHP不是一个选项，因为我使用的是全页面缓存)。这应该只发生在可变产品上(我认为下面的div对变体产品有一个不同的类名，所以我认为这不是问题)
这是页面：
这是一个屏幕截图，显示了我需要切换位置的两个div：
浏览 113提问于2018-10-07得票数 -3
回答已采纳
4回答
我找到了，但没能让它起作用。
我的CSS中有两个div容器标记为"box“，我无法让它们在父div中居中(在我的CSS中标记为”包装器“)。
这是我的代码：
CSS：
.wrapper {
display: inline-block;
margin: 0 auto;
}
.box {
display: inline-block;
width:370px;
height: 370px;
padding-left: 5px;
padding-right: 5px;
vertical-align: top;
}
任何帮助都将不胜感激！
浏览 5提问于2016-11-03得票数 1
回答已采纳
2回答
flex项不溢出
、、
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>My CSS experiment</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div class="box">
<div>One
浏览 0提问于2020-01-01得票数 0
2回答
让明星们排好CSS
、、、
我有一个用于星级评定的组件，我决定使用FA图标通过使用半星来完成这项工作。除了CSS之外，每个工具都运行得很好。我已经成功地翻转了一些星星(FA图标只会移到一边)，所以星星对齐正确，只是它们不会接触。我只是需要一些最简单的处理方法的建议。
Rater.js
import React, { useState } from 'react'
import {FaStarHalf} from "react-icons/all";
import './Rater.css'
const Rater = () => {
const [rati
浏览 21提问于2020-06-05得票数 0
3回答
这是我的HTML： <header className="parent__section" id="header-section-hero">
<a href="https://somewebsite.com"><div className="github-icon"><FaGithub className="github-text"/></div></a>
<a href="https://someotherw
浏览 14提问于2021-08-29得票数 0
我想要将父div中的所有子元素居中，该元素与网格中的中心对齐。 <div class="parent">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div> css： .child {
margin-top
浏览 175提问于2019-09-19得票数 1
回答已采纳
2回答
所以我有一个面板，用来显示不同游戏中的比赛。我想让火柴水平地继续，不管它们是否有空间。这些匹配看起来基本上像滚动图库中的图像，然后您可以使用水平滚动条来查看它们。但是，它们会转到换行符，然后隐藏在3之后(总共930 of宽)。
HTML/Django：
<div class="panel">
<!-- tried adding wrapper here -->
{% for match in all_matches %}
<div class="match">{{ mat
浏览 4提问于2014-08-26得票数 1
回答已采纳
2回答
我有一个我正在工作的页面(长期开发人员，CSS tho的新手)，在那里我已经布局了一堆带有内容的div。我试着让每个div都在同一层，而不是嵌套一堆东西，这样我就可以更容易地移动它们。所以问题是，如果我想让这些div有一个完全不同的布局，使用CSS在一堆东西上放置负边距以及相对位置并将它们推到正确的位置是否合适。
所以如果第一页是：
<div class="div1">stuff here</div>
<div class="div2>other stuff</div>
因此，按照div1的自然顺序，div2位于div1之
浏览 1提问于2011-11-17得票数 1
我有一堆固定宽度的div元素，它们使用inline-block显示类型进行内联流设计。这在行的末尾留下了一个空空间(不能安装下一个div并将其包装到下一行)。
我想做的是，均匀地展开行上的所有div，以填充行，类似于文本的“对齐”对齐。
换句话说，我希望div元素有一个最小的宽度，并将尽可能多的元素放在一行中，并填充整个行。
下面是我的示例HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans
浏览 4提问于2013-04-21得票数 7
回答已采纳
3回答
如何根据屏幕大小更改html元素的顺序？
例如，在桌面这样的大屏幕上，订单应该如下所示：
element1 element2 element3
然而，当在电话上看到这个，它将不符合屏幕的宽度。所以，我希望它看起来像这样：
element2
element1
element3
由于Div2是主要的div，所以我希望它在大屏幕上位于中间，在智能手机屏幕上位于顶部。
我使用作为网站的框架。
下面是一个示例代码：
<div id="container" class="row medium-up-3">
<div id="e
浏览 7提问于2017-02-07得票数 1
回答已采纳
4回答
如果可能的话，我想在没有JavaScript的情况下做到这一点：
我将有2个或更多的元素在一个页面上，我想改变的顺序，当页面是一个特定的大小。我正在使用媒体查询，并将根据屏幕尺寸提供不同的css。Div " a“通常应该在顶部，但如果屏幕尺寸在480px以下，那么b应该直接在a上。
<div id="a" class="myDivs">Top when on desktop</div>
<div id="b" class="myDivs">Becomes top when under 4
浏览 5提问于2013-03-01得票数 2
回答已采纳
1回答
对齐中心的容器
、、
我正在尝试将.container对齐到页面的中心，现在它只在左边。我试过“浮动:左”和“左”，这对我没有任何好处。我正在寻找的是正确的对齐标签，以使.container在中心对齐。谢谢，薄荷
.container {
background-color: lightgrey;
padding: 1rem;
border-radius: .5rem;
width: 700px;
max-width: 90%;
}
.quote-display {
margin-bottom: 1rem;
margin-left: calc(1rem + 2px);
ma
浏览 3提问于2022-03-07得票数 -1
回答已采纳
1回答
通常有一个包含以下元素的柔性箱：
.flexbox {
display: flex;
border: 2px solid red;
padding: 2.5px;
}
.flexbox__item {
border: 2px solid blue;
height: 50px;
margin: 2.5px;
flex-grow: 1;
}
<div class="flexbox">
<div class="flexbox__item"></div>
<div class="f
浏览 4提问于2017-07-13得票数 3
回答已采纳
我在改变元素高度上有点困难。当没有flexbox可用时，html标记有类没有flexbox。下面的代码用于获取父div高度并将其添加到子节点。这将迫使IE9中的高度相等。有人能看到这段代码有什么问题吗。我可能做过一些愚蠢而明显的事，但我看不见。
var iconGroupHeight = $('.icon-block-group-wrapper').height;
if ($('html').hasClass("no-flexbox")){
$('.icon-block').css('height', ic
浏览 3提问于2015-07-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
