腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
文章
问答
(9999+)
视频
沙龙
1
回答
使用
flex-box
调整
div
大小
、
、
、
、
我有一个页面里面有3个divs,其中2个应该是可
调整
大小
的。它们都可以向左/向右移动,并且可以最大化/最小化。 这是一个Stackblitz。问题是,有时
调整
大小
会导致滚动条显示,例如,
调整
第一个框的
大小
并将其处理程序拖动到屏幕的右端。 有没有办法用flex box或css grid实现同样的目标呢?
浏览 17
提问于2021-03-19
得票数 0
1
回答
CSS flex正在收缩错误的项目
、
我的预期结果是,黄色框的宽度将保持不变,红色框的宽度将保持不变,带有红色轮廓的白色框将缩小并增长,以填充页面
大小
调整
后的空间 .container { height: 300px; display:
flex-box
; background-color: #ff0;margin-right: 10px;} disp
浏览 11
提问于2021-11-18
得票数 0
回答已采纳
1
回答
弹性框项目的空间不均匀
、
、
我试图通过将flex-grow属性设置为1来使
flex-box
容器中的项均匀分布,但它没有任何影响。项目的列在包装之前根据最宽的列来
调整
大小
。在所有项目之间均匀分配空间的正确方法是什么?.
flex-box
{ flex-flow: column wrap; flex: 1 0 auto; <
div
class
浏览 2
提问于2017-09-27
得票数 0
1
回答
flex-grow不会按比例
调整
大小
、
、
我正在
使用
flex-box
,因为我想为它们设置一个顺序。任何建议都是很棒的。<
div
class="flex-containe
浏览 0
提问于2015-09-01
得票数 0
1
回答
如何创建受容器
div
约束的多个可
调整
大小
的同级
div
元素
、
我正在
使用
angularjs并尝试创建一个包含四个可
调整
大小
的容器的
div
。我希望这些容器以这样一种方式
调整
大小
,即改变容器的
大小
会改变相邻容器的宽度,但不会改变同一父
div
中的其他容器。例如,如果我有四个容器,并且我
调整
了容器2的左侧的
大小
,那么我希望容器1和容器2与容器3一起
调整
大小
,而4不会改变。这四个容器在它们的父
div
中排成一行,期望
调整</em
浏览 2
提问于2018-01-25
得票数 1
1
回答
在同一行上
使用
2
div
内联块
调整
窗口
大小
会触发奇怪的行为。
、
当我将窗口
调整
到更小的
大小
时,第一个
div
就会下降。看起来,当第二个
div
的文本由于
调整
其框的
大小
而中断到一个新行时,就会发生这种情况。<
div
class="container"> <
div
class
浏览 4
提问于2020-02-27
得票数 0
回答已采纳
2
回答
忽略flex容器的子项,但不要忽略孙项
、
、
='container'> <
div
class='
flex-box
'>two</
div
> <<
浏览 19
提问于2018-09-06
得票数 1
回答已采纳
4
回答
Flexbox:如何使图像在弯曲的项目中等高?
、
、
、
在
使用
min-width: 768px的屏幕尺寸中,当有30%的空间时,每个柔性项都会增长到1,即挠度:1 30%,弯曲方向:改为行;我显然做错了什么,有什么想法吗? </
div
> <
浏览 5
提问于2017-11-23
得票数 0
1
回答
如何在
调整
大小
时创建固定的
div
?
、
我有两个
div
,红色宽度70%,蓝色宽度30%。 我想在
调整
大小
的时候。只有红色的
div
会缩小,蓝色
div
根本不会缩小。这封信不拥挤的原因是。
浏览 5
提问于2015-03-05
得票数 1
回答已采纳
5
回答
CSS: IE11中的
div
不保持相同的高度
、
、
、
目前,我正在
使用
display: flex;来显示3块瓷砖,它们
调整
并保持相同的高度,而瓷砖中的内容最多。 width: 100%; display: flex;} .tile {-- Flex rules will automatically sync height of all
div
.tile box
浏览 23
提问于2022-03-09
得票数 0
回答已采纳
3
回答
使用
HTML和CSS创建4x5图像网格
、
并有正确的响应
大小
。我正在尝试创建类似于这个的东西。感觉我失败了真的很难。任何洞察力都会很有帮助。 <
div
product-description"><h3>Asus GeForce GTX2</
浏览 6
提问于2017-01-06
得票数 0
回答已采纳
1
回答
空域现在失去元素宽度
、
我正在尝试创建一个带有可
调整
大小
的框的网格。如果需要,最好为x轴设置一个滚动条。因为包装器是可
调整
大小
的(在现实生活场景中),并且可以随时更改它的宽度。 white-space: nowrap; display: flex; marginclass="
flex-box
"> <
div
class="col
浏览 2
提问于2017-07-13
得票数 0
3
回答
如何使挠曲盒生长以填充
div
的最大可用高度。
这可以直观地与max-width和flex-direction: row一起工作,当我在指定的最大宽度内
调整
浏览器
大小
时,允许元素再流。下面是一些简单的html,考虑到我对
flex-box
的理解,它应该能工作:.child { border: 1px solidflex-basis: 1; display: flex; max-height: 200px; }
浏览 2
提问于2020-07-27
得票数 2
回答已采纳
1
回答
CSS的列数取决于
大小
否则,我希望每个字符串都在单独的行(即1列)上,并在必要时
使用
换行符。字符串的宽度是动态的,
div
的宽度也是动态的,其中必须显示所有内容。 ?
浏览 6
提问于2021-01-12
得票数 1
回答已采纳
2
回答
如何解决
使用
flex时的悬停问题
、
、
当我在href上悬停时,我
使用
的是颜色与红色的变化,但我
使用
的是flex
div
,但是当我设置边距-底部:50 on;on按钮时,但是我不知道也不知道href的高度增加和悬停在标签上,我只想在标签文本上悬停flex-direction: column; display: flex; text-align: center;.
flex-box
50px;a { box-sizing:
浏览 0
提问于2018-09-29
得票数 0
回答已采纳
1
回答
焦点不起作用
、
、
、
flex-box
.col textarea:focus按预期工作,而.
flex-box
.col:focus不工作:文本的背景颜色(例如,html、css)总是灰色的。;<
div
class="
flex-box
"> <h2>html</h2> <textarea
浏览 4
提问于2016-12-25
得票数 3
回答已采纳
1
回答
用CSS实现加权灵活布局
、
、
、
如您所见,列表中的
DIV
元素会
调整
大小
以填充所包含的父元素。这段代码做的正是我想做的事情,但是我认为对于这样一个看似简单的任务来说,我实现它的方式太复杂了。我正在阅读有关
flex-box
的文章,并查看了它的,但它看起来不像
flex-box
可以跨浏览器一致地进行加权灵活布局。如果我错了,请给我一个简单的例子,说明如何实现这一点。相对于分配给它们的权重值,
调整
元素
大小
以填充其父容器的推荐方式是什么?如果可能的话,一个纯CSS解决方案将是非常好的。
浏览 0
提问于2012-11-10
得票数 1
1
回答
如何将箱子包装在部分?
、
、
当用户
调整
浏览器
大小
时,我想移动所有<article>元素并
调整
宽度100%。我试着用
flex-box
做这件事。
浏览 3
提问于2013-10-15
得票数 1
回答已采纳
1
回答
在溢出-y滚动时,IE 11引导4挠性盒宽度问题
、
、
、
当启用溢出-y滚动时,我创建了一个最小的示例来重现我
使用
IE 11和
flex-box
宽度时遇到的问题。我已经测试了铬和边缘,它正在按预期工作。您可以找到示例 当我
调整
窗口
大小
或打开dev工具时,它就是这样呈现的:源代码是<style> .left {styl
浏览 0
提问于2018-07-18
得票数 0
回答已采纳
1
回答
为什么我的选择器在这个挠曲箱里不起作用?
、
、
我创建了一个
flex-box
来同时放置图像和标题,我计划在屏幕的左侧也在
flex-box
中添加一段文字,这也包括在
flex-box
中,但问题是,如果不对所有图像
使用
选择器而不是对这个特定的图像
使用
选择器,那么我就不能缩小图像在flex框中的
大小
。link rel="stylesheet" href="resume.css"> <title>M
浏览 6
提问于2022-02-08
得票数 3
点击加载更多
热门
标签
更多标签
云服务器
ICP备案
腾讯会议
云直播
对象存储
活动推荐
运营活动
广告
关闭
领券