腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Flexbox
、
换行
和
拉伸
html
、
css
、
flexbox
这是关于
flexbox
的。我有一个150px宽的盒子。在此框中有一个文本
和
一个图标。我要他们向左对齐。 问题是,当需要
换行
时,项目是均匀分布的。 this —this is an image—</div> </ul> 我想要
换行
符
浏览 9
提问于2019-12-20
得票数 2
回答已采纳
2
回答
HTML5可以在两个轴上伸展吗?
html
、
flexbox
我有一个允许单个子元素的
flexbox
div。到目前为止,我已经能够很好地对准孩子的工作(顶部,左侧,右侧,底部等),包括垂直
拉伸
。我还希望能够同时支持水平
拉伸
和
垂直
拉伸
(‘同时’似乎是关键)。我已经能够通过将子元素的'flex‘属性设置为’1100%‘来完成水平
拉伸
,但是这似乎忽略了应用于父元素的任何填充(以及应用于子节点的任何边距)。看看
flexbox
规范,我找不到任何其他方法来沿着
flexbox
的主轴做这件事。横轴
拉伸</em
浏览 1
提问于2012-05-01
得票数 2
2
回答
删除带有包围子对象的
flexbox
上的额外间距?
css
、
flexbox
每当
flexbox
中的项目包装时,它们往往会
拉伸
flexbox
,从而在一侧留下额外的空间。只有当项目
换行
时才会发生这种情况。我如何去掉多余的空格?
浏览 4
提问于2016-06-18
得票数 14
4
回答
Flexbox
和
vh高度单位在IE11中是否不兼容?
html
、
css
、
flexbox
、
internet-explorer-11
、
viewport-units
我正在尝试使用基于
flexbox
的布局来为我的页面添加粘性页脚。这在Chrome
和
火狐浏览器中效果很好,但在IE11中,页脚就在我的主要内容之后。换句话说,主要内容不会被
拉伸
以填满所有可用空间。 border: red 1px solid; display: -ms-
flexbox
;</body>当在IE中使用vh测量容器高度
浏览 0
提问于2014-08-07
得票数 31
2
回答
如何在<p>标签内创建项目的
Flexbox
,该标签在溢出时
换行
,但在<p>标签中的初始文本之后开始新行
html
、
css
、
flexbox
我正在尝试创建一个
flexbox
,它在溢出时自动
换行
,当它由于水平溢出而移动到新行时,我希望它开始时与第一行项目的开始对齐。
flexbox
将位于 标记,并且在创建
flexbox
之前会有一些文本,但我希望
flexbox
的下一行的开始在文本之后。我将展示它应该是什么样子的一个简单的图画。 text......*
flexbox
starts* *end of row* *next row starts if horizontal overflow* 我是CSS
和<
浏览 26
提问于2020-07-03
得票数 0
回答已采纳
1
回答
高度
和
最大高度不适用于我在
flexbox
中的图像
html
、
css
、
flexbox
我有一个
flexbox
,它有两列,每列都有50%宽。 然后我想在右栏添加一个大的正方形图片,图片的高度应该由左栏的内容高度决定。(以后会在左栏插入更多内容) 但是height
和
max-height总是不能处理我在
flexbox
中的图像,这会导致右栏被
拉伸
。
浏览 16
提问于2020-07-03
得票数 0
回答已采纳
1
回答
将项目与flex垂直对齐
css
、
flexbox
、
vertical-alignment
我有一个woocommerce商店,我所有的产品图像都是
flexbox
和
align items在mid中。我安装了一个在悬停时改变图片的插件,在这个类中,对齐不起作用,它会
拉伸
我的图片。但主要的情况并不是
拉伸
你可以在这里看到所有内容: 只需将鼠标悬停在图片上,您就可以看到它在顶部对齐
浏览 0
提问于2018-05-27
得票数 0
3
回答
React Link标记正在阻止flex-boxes正常工作
javascript
、
html
、
css
、
reactjs
、
twitter-bootstrap
我正在尝试允许我的网站上的一个按钮提供一个链接。到目前为止,它可以使用<link to "...">标记来实现。<div className="col-12 col-lg-6 text-left"> <Li
浏览 0
提问于2019-03-30
得票数 0
1
回答
Flexbox
列中的
flexbox
行
html
、
css
、
flexbox
.main { flex: 1 1 auto;}.
flexbox
.footer {order: 0; align-self: stretch;在上面的.main列中
拉伸
了100%的height,所有这些都很完美,现在在.main中添加.
flexbox
-row <
浏览 0
提问于2016-05-22
得票数 8
回答已采纳
1
回答
使进度条响应
javascript
、
html
、
css
我有这些progress bars,它们应该作为评级工作,它们看起来很好: 我已经应用了一些CSS,并且我通过读取文本文件中的值来使用JavaScript更改它们的宽度。但根本不响应,并且每当窗口调整大小时: HTML<div class="second-part">
浏览 2
提问于2018-05-29
得票数 1
1
回答
Flexbox
:
换行
和
使用空格
html
、
css
、
flexbox
我用的是
flexbox
。因为我希望这些项在左边只占用必要的空间,所以我在子项中使用了display: flex
和
flex: 0;,就像在
Flexbox
, line break and stretching中一样。 ></path> </div> </ul> 正如你所看到的,这里的问题是,如果文本内容有一个空格,
flexbox</em
浏览 4
提问于2019-12-20
得票数 0
1
回答
Flexbox
水平
拉伸
图像
html
、
css
、
flexbox
我遇到了一个奇怪的不一致的图片在我的网站上。它的结构如下: <div class="intro"> <p>Some text</p> </div></div> .intro { align-items: center; .intro&
浏览 17
提问于2019-05-26
得票数 0
回答已采纳
2
回答
Flexbox
拉伸
不够远
css
、
flexbox
我正在使用
flexbox
为web应用程序创建一个基本布局。我希望在顶部有一个菜单,在它的下面,左边有一个主要内容区域,右边有一个次要内容区域,这两个区域都垂直地填满了菜单下面留下的空间。然而,当我包含菜单时,我最终在菜单
和
内容区域之间留下了大量的空白。在JS小提琴中,我添加了一个小JavaScript,当你点击任何一个链接时,就会删除菜单,以便更好地了解我希望在菜单
和
两个内容区域之间有多少空白(1rem)。 这可以使用flex来实现吗?谢谢!
浏览 19
提问于2019-02-01
得票数 2
回答已采纳
1
回答
如何使用
Flexbox
拉伸
和
中心项目?
html
、
css
、
flexbox
如果我将align-items设置为在身体上
拉伸
,那么框就会扩展,但是它会对齐到左边,如果设置边距自动或对齐项到中间,那么框就不再试图填充尽可能多的宽度。
浏览 2
提问于2017-04-09
得票数 10
回答已采纳
3
回答
嵌套
Flexbox
拉伸
图像
html
、
css
、
flexbox
、
responsive
我正在尝试有两个嵌套的flexboxes,在最里面有一个居中的图像,它将始终适合它的容器,同时保持它的比例,而不会被
拉伸
。在这里,宽度被正确缩放,但高度在容器变得太小时立即被
拉伸
。我如何防止这种情况发生? 提前感谢!雅克
浏览 30
提问于2017-01-31
得票数 0
回答已采纳
2
回答
带边距栏的
Flexbox
网格系统
html
、
css
、
sass
、
flexbox
我很想知道如何布局一个带有边距间隔的
flexbox
网格系统。在我下面的钢笔中,我与display:flex有一个行,我想让它
换行
,所以我使用了flex-wrap:wrap。我也不想使用百分比,这样当有间距值时,我可以在每一列的上方
和
左侧设置px单位的边距。因此,基本上我想要的是,如果我设置一个25px的间距,并将一行项目的数量设置为4,我希望它们之间有25px的间距,但如果这样做有意义的话,可以
拉伸
整个行的宽度。
浏览 15
提问于2017-07-16
得票数 5
1
回答
用
Flexbox
拉伸
图像
html
、
css
、
flexbox
我得到了一个div,其中包含一个图像
和
5个文本元素,我使用
Flexbox
平均地对其进行了间隔。所有段落看上去都像预期的那样,但当我将宽度或高度更改为100%以外的任何内容时,图像就会被
拉伸
。我用过align-items: center
和
align-self: center。
浏览 0
提问于2020-02-16
得票数 0
回答已采纳
2
回答
用于响应的CSS3
Flexbox
html
、
css
、
flexbox
MAJ :添加codepen:<div class="
flexbox
"> <div class="left">Left</div> <div class="right">Right<
浏览 3
提问于2012-10-24
得票数 1
2
回答
垂直包络div
javascript
、
html
、
css
我试图让div的内容在溢出时垂直
换行
,从而导致它水平
拉伸
而不是垂直
拉伸
。 有没有办法在CSS或javascript库中帮助实现这一点?
浏览 1
提问于2012-10-01
得票数 0
回答已采纳
1
回答
如何调整图像、iframe
和
视频元素并保持纵横比?
html
、
css
、
video
、
iframe
、
flexbox
我有5个媒体项目(混合的图像,视频
和
youtube视频在iframe中),需要使用
flexbox
对齐。当我删除视频
和
iframe时,一切都很正常。不知怎么的,当我添加video/iframe时,所有的东西都被
拉伸
了,video的宽度变大了,video元素的高度变大了。如何创建一行5个项目,所有项目的高度
和
宽度都相同?
浏览 4
提问于2021-02-08
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Office Excel 表格,自动换行和手动换行
基于 Flexbox和CSS Grid 的高效布局
Flexbox一出,谁与争锋?
Flexbox 布局的最简单表单
99%的人已经学会Excel转换行和列的数据
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券