腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(482)
视频
沙龙
1
回答
如
何在
具有
多个
flex
项
的
flexbox
中将
元素
向右
浮动
、
、
假设我有一个像这样设置
的
flexbox
: <div class="
flexbox
"> <div id="item-2"></div><div id="item-3"></div> </div> 我目前已经使用CSS设置了
flex
项目,如下所示: -
浏览 23
提问于2020-09-04
得票数 0
回答已采纳
2
回答
如
何在
CSS (
Flexbox
,float,内联块)中创建
浮动
mutlicolumn布局?
、
、
首先,让我描述一下情况--我想完成以下布局:您可以看到红边
元素
基本上是
向右
浮动
的
,每个其他
元素
都试图容纳剩余
的
空间,直到它中断到下一行为止。目前,我使用
的
是柔性盒布局,其中main和main#2
具有
flex
: 1.70%;黄色小部件
具有
flex
: 1.50%;现在,棘手
的
部分是,我不想指定哪些
元素
在红色留置框
的
左边。基本上,只有一边有
浏览 2
提问于2014-08-15
得票数 3
回答已采纳
2
回答
向右
对齐
元素
与边距-左: auto
、
我想在右边对齐一个
元素
。我知道我应该使用
浮动
向右
对齐一个
元素
,但是我有一个复杂
的
项目,我需要理解为什么边距:0 0自动;在一种情况下将一个
元素
对齐,以及为什么它在其他情况下不能工作。当容器是
flex
容器时,边距:0 0自动;将
元素
对齐到右边,
如
您在本例中所看到
的
:div { width: 400px;} span
浏览 7
提问于2017-03-13
得票数 12
回答已采纳
1
回答
引导3使行
的
列
向右
浮动
、
、
、
这是小提琴:.d-
flex
{} 对两个列进行包装
的
元素
,以便垂直对中对文本正常工作。我
浏览 0
提问于2020-11-16
得票数 1
回答已采纳
1
回答
围绕更高
的
元素
、
、
、
我有一个列表,里面有一些
元素
。如果任何物品
具有
相同
的
高度,则所有物品都正确包装。但是,如果单个项目比其他项目
具有
更大
的
高,则项目将包装在较高
元素
的
底部。有一个div,它有一个类,表示比其他
项
更高
的
项
。下面是css: width: 220px; display:
flex
;
浏览 0
提问于2016-04-19
得票数 2
3
回答
如何将h1分组并一起列出?
、
我正在尝试制作一个标题菜单,在右侧有水平列表(导航区或菜单),左侧有h1 (网站名称)(两者都使用
浮动
标记来实现)。我尝试使用header、nav和div标签将这两个文件组合在一起,但都不起作用。h1和ul标签表现得好像是分开
的
,而不是分组
的
。当我给分组标签(Div,header,nav)背景颜色时,没有任何反应,但是当我给它一个颜色时:...里面的所有文本都会改变颜色,所以至少这是可行
的
。
浏览 1
提问于2020-04-07
得票数 0
2
回答
奇怪
的
CSS边距行为-浏览器不能正确显示小边距
、
这是我得到
的
特色图片
的
html<ul class="featured-boxes-ul"><a href="http://example.comline-height: 24px; background: rgba(34, 34, 34, 0.5);} "li“
元素
浏览 0
提问于2013-05-29
得票数 1
回答已采纳
2
回答
使用右
浮动
时排序Nav列表项
、
、
、
我有折叠引导导航,它
的
样式是我想要它,除非列表项目是在错误
的
顺序。Tandems是第一个列表项,联系人是最后一个,我希望它以下面的顺序出现,但
向右
浮动
。八和九应该
向右
浮动
。我
的
html如下所示 <div class="container这是一个小提琴,
浏览 1
提问于2016-03-27
得票数 0
回答已采纳
1
回答
对齐
多个
flex
项
,就好像它们是
向右
浮动
的
一样
、
、
、
我正试图实现与
Flexbox
同等
的
浮标。 display:
flex
;} background: #ddd; margin.block {
浏览 0
提问于2016-10-17
得票数 1
3
回答
将第一个div对齐到左侧,随后div右对齐。
、
、
Language: English | 我使用|来表示窗口
的
左上角或右侧我该怎么设计我
的
div?
浏览 6
提问于2016-10-02
得票数 1
回答已采纳
3
回答
如何重置弹性
项
的
“显示”属性
、
、
我试图将基于表和JS
的
旧布局转换为
具有
向后兼容性
的
新
Flexbox
,方法是为旧浏览器保留表(特别是IE8、IE9和Opera 10+)。问题是没有display:
flex
-item来覆盖旧
的
display:table-cell样式。我尝试过各种定义,
如
display:inherit、display:initial,但没有一个能将显示定义重置为作为
flex
正确工作。无论我为.detai
浏览 5
提问于2014-11-26
得票数 16
回答已采纳
3
回答
为什么
flexbox
的
空格间隔不起作用?
、
我正在尝试实现
flexbox
,但无法使其正常工作。我遗漏了什么?我已经准备好了所有的
flexbox
供应商前缀。; /* TWEENER - IE 10 */ display:
flex
; /* NEW, Spec - Firefox, Chrome, Opera */ .main-navigation
浏览 6
提问于2015-10-08
得票数 31
2
回答
在CSS中有什么方法可以将
元素
对齐到兄弟姐妹
的
最后一行框
的
末尾吗?
、
如果补充文本大小不同,很难将它与主文本
的
基线对齐,因为vertical-align对
浮动
元素
不起作用。如果知道所有大小,就可以对齐它们,但在大多数情况下,这将需要额外
的
包装
元素
。要与主文本共享同一行,补充文本必须放在第一位(对我来说这是不能接受
的
),或者主文本必须是
浮动
的
,而不是补充
的
。在这里,补充案文在两个顺序中都
向右
浮动
:article {} header
浏览 2
提问于2020-12-31
得票数 1
4
回答
元素
具有
“显示:块”,不启动新行
、
请查看以下代码:.header { width: 100vw;} border: solid;
flex
: 1
flex
: 1
flex
: 1<header class="header"> <di
浏览 1
提问于2019-10-14
得票数 3
回答已采纳
14
回答
如何右对齐div
元素
?
、
我
的
html文档
的
主体由3个
元素
组成:一个按钮、一个表单和一个画布。我希望按钮和窗体右对齐,画布保持左对齐。问题是,当我试图对齐前两个
元素
时,它们不再相互紧跟,而是水平相邻?,这是我到目前为止拥有的代码,我希望窗体紧跟在右边
的
按钮后面,中间没有空格。
浏览 138
提问于2011-10-08
得票数 513
回答已采纳
1
回答
带过渡
的
文本垂直对中
、
、
、
我正在使用
flex
和transition来尝试实现一些目标。我想达到
的
是,当你在盒子上悬停时,底部
的
条形覆盖着盒子(这很管用),标题和文字转换到盒子
的
中心。这是一半
的
工作。 </div>
浏览 2
提问于2016-03-10
得票数 1
回答已采纳
1
回答
Flex
3中
的
ComboBox selectedItem
、
、
、
我在
Flex
3
的
空气应用程序中工作,我需要知道如何设置"selectedItem“属性时,我们有2个值,
如
(数据和标签)标签属性到组合框
的
选择,数据值为我们
的
输入。 如下所示。在(selectedItem=“{selectedItem=}”)中,样式名将
具有
"data“值,但我需要在组合框
中将
"lable”属性设置为选定值。例如,如果样式名为"Checked“,则ComboBox选定
项
需要"checke
浏览 4
提问于2009-10-15
得票数 1
回答已采纳
1
回答
使用柔性盒顺序在DOM排序
项
之间订购项目
、
、
是否可以使用order: 2并将该
flex
项
按顺序排列,而不对其他项目设置顺序?没有顺序
的
div
元素
以DOM顺序显示,但是以下内容不会在DOM有序
元素
之间移动order: 2
元素
,因为
元素
没有指定
的
顺序。 display:
flex
;div.
flex
-container div {} d
浏览 2
提问于2015-08-23
得票数 1
回答已采纳
4
回答
水平对齐
多个
无序列表(UL)列
、
、
我有
多个
无序列表,
具有
不同数量
的
元素
,并且
具有
不同数量
的
文本
的
列标题。 我正在使用
flexbox
来水平对齐它们,但我正在努力使列彼此对齐。 当前问题: ? 预期结果: ? 编辑:需要注意
的
是,列标题类是可选
的
,可以删除,这样
项
就只是一个普通
的
列表项。 当列标题被激活时,我需要列标题与
具有
最多文本
的
列标题li
的
高度相匹配。我让<
浏览 101
提问于2019-01-19
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
给萌新的 Flexbox 简易入门教程
前端自适应布局你需要知道的所有事
Web自适应布局你需要知道的所有事儿
CSS-常见布局介绍
基于 Flexbox和CSS Grid 的高效布局
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券