腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(8518)
视频
沙龙
1
回答
小
屏幕
上
3个
div
的
不同
flexbox
对齐
方式
、
、
、
基本
上
我需要3个
div
来
对齐
小
宽度(<576px),就像在下面的图像顶部和其余
的
宽度(>576px),就像在下面的图像底部。如何使用bootstrap
flexbox
类来实现?我假设基集是: <
div
>A</
div
> <
div
>B</
div</
浏览 6
提问于2019-07-25
得票数 0
回答已采纳
1
回答
Flexbox
-如何在元素之间设置相等
的
间距
、
、
我在使用
Flexbox
时有一种
不同
寻常
的
方法,它是"12列“
的
设计,所有的工作都很好,例外
的
是flex元素之间
的
空格,它们在行中包装和
对齐
时看起来
不同
。如何解决这个问题?更新:如果有一个大
屏幕
“桌面/平板”,即最小
屏幕
宽度841px - do FLEX in 12列
不同
宽度系统,对于其余
的
“移
浏览 3
提问于2021-03-16
得票数 1
1
回答
BS4中
的
导航
对齐
行为
在BooStrap 3中,当我们将导航与导航一起使用时,当我们缩小页面时,它们会堆叠在一起,但在BS4中,这种行为是
不同
的
<a class="nav-link disabled" href="#">Disabled</a></ul> 因此,在BS4中,nav-justfied不会随着
屏幕
变小而调整导航尺寸
浏览 0
提问于2019-09-27
得票数 1
1
回答
尝试将三个垂直方框浮动到一个大方框
的
右侧
、
我正在做一些html / css,我试图得到正确
的
布局,但我不明白为什么它不能工作。<
div
style="width:650px; height:900px; margin:25px; display:inline-block; background:yellow;">
浏览 3
提问于2017-09-12
得票数 1
5
回答
如何在使用Flex
的
Components中响应本机?
、
、
、
我很难使用CSS在
屏幕
上集中我
的
组件。见我
的
App.jsimport React from 'react'; </Item> </Content>); expor
浏览 5
提问于2018-04-22
得票数 18
回答已采纳
2
回答
材料用户界面停止
小
屏幕
上
的
挠性盒
、
、
、
是否有可能停止
Flexbox
在
小
屏幕
上
的
材料用户界面?我需要一些东西,如d类,在Bootstrap,但使用
的
材料用户界面。引导(按预期工作) <
div
>Content #1</
div
> <
div
>Content #2</
浏览 6
提问于2020-11-23
得票数 1
回答已采纳
1
回答
如何使用CSS柔性盒架构设计文本组件?
、
、
、
我是新
的
CSS和前端开发
的
总体.我目前正在与React一起使用。到目前为止,我能够创建3列布局框。但是,我发现列中
的
文本没有正确
对齐
。因此,我添加了一些填充,以使它在浏览器
上
看起来很好:但在较小
的
屏幕
上
,这看上去不太对:我这部分
的
代码看起来就像 const MenuIte
浏览 0
提问于2017-04-17
得票数 0
回答已采纳
0
回答
更改
flexbox
中第二个子项
的
背景色
、
、
我想将
flexbox
中
的
第二个子
div
的
背景颜色设置为红色,但无法这样做。我只能设置第一个孩子
的
背景颜色。 background-color: green;.right_col{ background-color: red;<
div
class="main"> This i
浏览 0
提问于2016-07-10
得票数 0
回答已采纳
1
回答
Foundation5类label.inline是否只能用于@media媒体?
、
、
、
我试图得到
不同
媒体类型
的
布局,示例如下所示。</
div
> Label </label&
浏览 0
提问于2014-10-20
得票数 4
回答已采纳
1
回答
Twitter引导程序需要左列行在2中拆分,并在md/sm转换中包含中、右cols。
、
、
我需要在布局中将列2-中间和3-右嵌套在列-左行
的
行之间:column 1 column 2 column 3我要把它换成:-------Image4Image6Image2&3有什么建议吗,有什么可以解释
的
吗
浏览 2
提问于2014-03-22
得票数 0
回答已采纳
2
回答
顺风响应
的
挠性箱特性没有按预期工作。
、
、
、
、
默认情况下,ul具有正当-start
flexbox
属性。当为一个justify-center,
小
屏幕
应用响应设计时:它将用于介质
屏幕
:justify-around和大
屏幕
:justify-evenly.然而,对于所有
屏幕
大小,它只显示
对齐
属性-均匀属性,它覆盖所有其他
对齐
属性如何为
不同
的
屏幕
应用
不同
的
对齐
属性?
浏览 2
提问于2020-12-26
得票数 2
回答已采纳
1
回答
响应式网页设计栏目出现在下面
、
、
、
、
所以我一直在尝试制作一个响应式
的
网页,结果应该是这样
的
。 ? 当我试图在配置文件后添加第二列时,由于某种原因,它出现在它
的
下方,而不是像这样。 ? 不管我学到了什么,下面都会出现这个框。我只能猜测,这里
的
边框会影响列,即使我调整了浏览器
的
大小,使其无法适应,但实际
上
它看起来并不像这样。这是我在CSS文件中所做
的
: /* rows and column */ content: ””; d
浏览 61
提问于2021-11-09
得票数 1
回答已采纳
2
回答
如何使用
flexbox
拆分对象并正确反应
、
、
我有一个例子,当行中
的
一个元素调整大小时,元素被分组成行,这样它们
的
高度是相同
的
,但当
屏幕
变小时,我想调整列中
的
元素,但会稍微改变它们
的
顺序。问题是我不想为这个
不同
的
布局创建单独
的
react组件。
浏览 1
提问于2017-03-30
得票数 1
1
回答
用于
小
屏幕
的
引导框架-col网格不起作用。
、
、
、
、
我尝试了很多事情,但都找不到解决问题
的
办法。<
div
class="container"> <
div
class="col-lg-4 col-md-4 co
浏览 7
提问于2022-01-11
得票数 2
1
回答
如何在已经居中
对齐
的
元素周围添加元素?
、
、
我创建了一个表单,其中一些文本元素垂直
对齐
,如下所示:它们使用
flexbox
在页面上水平和垂直居中: display: flex; align-items: center;} 我现在要做
的
是在第一个文本框
的
两边添加一些元素
的
同时,保持这种
对齐
方式
(即保持页面上
的
所有内容都已经在原来
的
位置
浏览 2
提问于2017-12-01
得票数 0
1
回答
无法将引导媒体卡集中在小型移动设备
屏幕
上
、
、
以下使用柔性盒/中间引导媒体卡
的
代码工作正常,除了在移动大小
的
屏幕
上
查看时,这些框是与左边
对齐
的
。我想把它们集中在
屏幕
上
。 <
div
class="col-lg-4
flexbox
-
浏览 0
提问于2018-03-24
得票数 0
回答已采纳
1
回答
Flexbox
高度和背景图像高度
、
、
、
我是html和CSS
的
初学者,我会尝试用可点击
的
点来制作地图,但我不明白。我收到了使用柔性盒和创建一个以地图作为背景图像
的
容器
的
提示,并创建了单独
的
容器,这些容器可以为可点击
的
点保存图像按钮。首先,我尝试让背景图像和点/(框)同样调整大小,然后尝试在points/( by )
上
设置位置,但我已经遇到了背景图像和父容器
的
问题。-- Test for
flexbox
with map as BG-picture*---
浏览 4
提问于2021-12-19
得票数 1
回答已采纳
1
回答
让引导行填充
屏幕
高度,但在调整窗口大小时动态调整
、
、
、
我是这样使用
的
,当点击“页面跳转”按钮时,网页
的
特定部分会填满
屏幕
。有没有其他方法可以让部分(
div
class="row")填充
屏幕
,但当窗口调整得更小时,它会被调整为包含所有内容?当使用上面的样式时,它非常适合
屏幕
,但在窗口大小调整时,高度保持在100vh,但行中
的
内容被调整为垂直堆叠,因此它不会随行高度变化。初始问题: 我正在尝试使用CSS/Bootstrap中
的
flexbox
样式来垂直
对齐
浏览 1
提问于2015-10-01
得票数 0
2
回答
Bootstrap 3将浮动列居中
对齐
、
、
我在bootstrap中显示了一个3行
的
info块。我正在使用引导协议来使这些响应。对于较小
的
屏幕
,我使用col sm-4;对于较大
的
屏幕
,我使用col lg-3,以使我
的
图像适合。<
div
class="container clearfix row" style="display: table; <!-- / post i
浏览 0
提问于2014-01-06
得票数 1
2
回答
制作网站,但我使用css逐个定位所有对象,它只与我
的
显示器正确
对齐
、
、
好
的
,就像我在做一个网站,但我把所有的图片都
对齐
了,以适应
小
网格,如下图所示:但在其他大小
的
显示器或我朋友
的
电脑
上
,它在图像外显示
不同
的
红色方块,如下所示:我只是想让它在所有尺寸
的
显示器和
屏幕
上
正确
对齐
,但我花了很长时间让css代码一个接一个地为我完美地
对齐
,这里是红色方块
的
css代码,因为加号和减号是一旦有人点击它就会变
浏览 0
提问于2021-03-30
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给萌新的 Flexbox 简易入门教程
基于 Flexbox和CSS Grid 的高效布局
移动端原生H5开发心得和干货
如何快速学习 CSS Grid 布局-相关资源和教程推荐
全兼容的多列均匀布局问题
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券